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'); } } } }) }
参考资料: