• BootStrap selectpicker后台动态绑定数据


    项目使用BootStrap设置select时,不能动态加载,使用以下方法可以解决。

    //获得全部订单信息(订单ID,订单名称)
    function GetAllOrders(obj) {
        $.ajax({
            type: 'Get',
            url: '/OrderTypeSetting/GetAllCanUseOrderTypes/',
            dataType: "Json",
            success: function (data) {
                if (!data.flag) {               
                    $.each(data, function (i, n) {
                        $("#" + obj).append(" <option value="" + n.os_id + "">" + n.os_name + "</option>");
                    })
                    $("#" + obj).selectpicker('refresh');
                   
                }
            }
        })
    
    }
    
    //获得全部订单信息(订单ID,订单名称)
    function GetAllOrders(obj) {
        $.ajax({
            type: 'Get',
            url: '/OrderTypeSetting/GetAllCanUseOrderTypes/',
            dataType: "Json",
            success: function (data) {
                if (!data.flag) {
                    var opstr = "";
                    $.each(data, function (i, n) { 
                         opstr += " <option value="" + n.os_id + "">" + n.os_name + "</option>";
                    })               
                    var myobj = document.getElementById(obj);
                    if (myobj.options.length == 0) {
                        $("#" + obj).html(opstr);
                        $("#" + obj).selectpicker('refresh');
                    }
                }
            }
        })
    
    }

     参考资料:

    bootstrap-select

  • 相关阅读:
    LeetCode 104
    LeetCode 100
    LeetCode 27
    LeetCode 7
    LeetCode 8
    蘑菇街2017春招笔试
    codeforces 5D
    codeforces 5C
    codeforces 875B
    codeforces 876B
  • 原文地址:https://www.cnblogs.com/bro-ma/p/6928495.html
Copyright © 2020-2023  润新知