BootStrap selectpicker后台动态绑定数据
程序员文章站
2024-02-07 10:51:34
项目使用bootstrap设置select时,不能动态加载,使用以下方法可以解决。
//获得全部订单信息(订单id,订单名称)
function getallo...
项目使用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 selectpicker后台动态绑定数据
-
关于Ajax异步请求后台数据进行动态分页功能
-
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
-
BootStrap selectpicker后台动态绑定数据
-
ASP.NET中RadioButtonList绑定后台数据后触发点击事件
-
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
-
ASP.NET中RadioButtonList绑定后台数据后触发点击事件
-
利用ASP.NET MVC和Bootstrap快速搭建个人博客之后台dataTable数据列表
-
利用ASP.NET MVC和Bootstrap快速搭建个人博客之后台dataTable数据列表
-
jsp中将后台传递过来的json格式的list数据绑定到下拉菜单select