首页 > 编程 > JavaScript > 正文

BootStrap selectpicker后台动态绑定数据

2019-11-19 16:26:41
字体:
来源:转载
供稿:网友

项目使用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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表