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>'
          }
    });
}