bootstrap-multiselect级联显示下拉框

发布时间：2020-12-17 20:50:44 所属栏目：安全来源：网络整理

导读：思路： 1.?ajax获得新数据后清空select。 2. 拼成option加入select。 3.再重新构建下拉框的内容。 ? $.ajax({ // 根据商品类型id和价格获取商品 url: url_init + "url" ,data: ‘typeId=‘+ v,dataType: "json" ,success: function (result){ // 获得数据 va

思路：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!