首页 > 代码库 > BootStrap selectpicker后台动态绑定数据

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=http://www.mamicode.com/"" + 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=http://www.mamicode.com/"" + 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

 

BootStrap selectpicker后台动态绑定数据