bootstrap-multiselect级联显示下拉框
思路:
1.ajax获得新数据后清空select。
2. 拼成option加入select。
3.再重新构建下拉框的内容。
$.ajax({ //根据商品类型id和价格获取商品 url: url_init + "url", data: 'typeId='+v, dataType:"json", success:function(result){ // 获得数据 var data = result.data; // 循环解析 $("#goodId option").remove(); $.each(data, function(idx, goodsName) { $("#goodId").append('<option value="' + goodsName.id + '">' + goodsName.name + '</option>'); }); // formatGoodsInfo(); } });
重新构建的方法
function formatGoodsInfo(){ //先使用destroy破坏multiselect之后再重新构建 $("#goodId").multiselect("destroy").multiselect({ includeSelectAllOption: true, enableFiltering: true, maxHeight: 300, filterPlaceholder:"输入商品名称", buttonWidth:"200", templates: { button: '<button type="button" class="multiselect dropdown-toggle text_left" data-toggle="dropdown"><span class="multiselect-selected-text"></span> <b class="caret"></b></button>' } }); }优质内容筛选与推荐>>