一:Ajax联动替换
$.ajax({
type: 'get',
data: { current_index: i ,actionname: actionname, ad_type: current_ad_type },
url: "<%= check_ad_platform_orders_path %>",
success: function(data) {
$(ad_index + "_product_id_change").html(data);
//product_id_change(i);
},
error: function(data) {}
});
action
def check_ad_platform
render :partial=>"ad_type_info", :locals => {:index => params[:current_index].to_i , :actionname => params[:actionname] , :ad_type => params[:ad_type] }
end
_ad_type_info.html.rb
<%= select "ad_#{index}", :product_id, order_bu_product(actionname,ad_type), {:include_blank => "请选择" }, {:name=>"ad_#{index}[product_id]",:class => "select span5 adv_product_id"} %>
二:初始加载,Ajax选择处理
#找出当前用户能看到的BU产品
def all_ad_types
@all_ad_types = []
@all_product_types = current_user.send("self_bu_adtype_new")-["其他","OTHERTYPE"]
@all_product_types.each do |product_type|
@all_ad_types << [product_type[1],[["请选择",""]]+ current_user.send("self_bu_adcombo_new",product_type[1])]
end
@all_ad_types
end
<% unless all_ad_types == [] %>
if(current_ad_type == ""){
$(ad_index + "_product_id option").remove();
options = "<option value" + ">" + "请选择" + "</option>";
$(ad_index + "_product_id").append(options);
}else{
var all_product_ids = <%= raw @all_ad_types %>;
current_product_type = $.grep(all_product_ids,function(n, i){ return n[0] == current_ad_type});
$(ad_index + "_product_id option").remove();
product_types = $.isArray(current_product_type[0][1]) ? current_product_type[0][1] : current_product_type[0][1].split(",");
options = ''
$.each(product_types, function(index,product_type){
options += "<option value=" + product_type[1] + ">" + product_type[0] + "</option>";
})
$(ad_index + "_product_id").append(options);
}
<% end %>
分享到:
相关推荐
asp二级联动下拉框,三级联动下拉框,asp二级联动下拉框,三级联动下拉框, 可能传错了 sorry
jquery 三级联动下拉框jquery 三级联动下拉框jquery 三级联动下拉框jquery 三级联动下拉框jquery 三级联动下拉框jquery 三级联动下拉框
js2级省市联动下拉框js2级省市联动下拉框js2级省市联动下拉框js2级省市联动下拉框
三级联动下拉框实现,包含行政编码,身份证前5位,一个文件实现
jquery动态创建联动下拉框和jquery动态创建下拉框
javascript实现二级联动下拉框,多多支持:)
这里是基于layui开发的省市区三级联动下拉框这里是基于layui开发的省市区三级联动下拉框这里是基于layui开发的省市区三级联动下拉框
基于layui开发的省市区三级联动下拉框:以layui前端UI框架及vue前端框架实现省市县(区)的三级联动。
一款简单的基于vue实现的三级联动下拉框代码,适用于各种三级联动下拉菜单选择功能。
最近小弟做了Extjs实现实现下拉框联动的效果,参考了好久才学会,闲下来发一个简单的例子。。呵呵
Ajax实现的三级联动下拉框
三级联动下拉框 包含数据库、链接、样式.....
AJAX版省市区三级联动下拉框
Ajax实现二级/三级联动下拉框---servlet版
jquery实现的多级联动下拉框,由div标签加上span标签实现。
mvc3二级联动下拉框,省下了不少力气.。。。
Ajax 无限级 联动下拉框
主要介绍了C#省份城市下拉框联动简单实现方法,涉及字典的定义与索引的用法,是非常实用的技巧,需要的朋友可以参考下
里面有四个文件,ajax++jsp二级联动下拉框,ajax实现无刷新查询,Ajax异步
互相关联的三级下拉框代码,使用js代码制作,编辑菜单只需要修改数组内容即可,代码和html分开