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

优质内容筛选与推荐>>
1、正则表达式去掉重复行
2、工作总结
3、git 的简单使用(3)
4、反射
5、虚拟地址映射机制--动态、静态


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号





    联系我们

    欢迎来到TinyMind。

    关于TinyMind的内容或商务合作、网站建议,举报不良信息等均可联系我们。

    TinyMind客服邮箱:support@tinymind.net.cn