BootStrap selectpicker后台动态绑定数据
时间:2020-11-09 17:49:09|栏目:JavaScript代码|点击: 次
项目使用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');
}
}
}
})
}
参考资料:
上一篇:原生js实现轮播图
栏 目:JavaScript代码
本文标题:BootStrap selectpicker后台动态绑定数据
本文地址:http://www.codeinn.net/misctech/20583.html






