BootStrap selectpicker后台动态绑定数据
程序员文章站
2023-12-27 18:32:57
项目使用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后台动态绑定数据
-
ASP.NET中RadioButtonList绑定后台数据后触发点击事件
-
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
-
ASP.NET中RadioButtonList绑定后台数据后触发点击事件
-
利用ASP.NET MVC和Bootstrap快速搭建个人博客之后台dataTable数据列表
-
利用ASP.NET MVC和Bootstrap快速搭建个人博客之后台dataTable数据列表
-
jsp中将后台传递过来的json格式的list数据绑定到下拉菜单select
-
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
-
bootstrap table动态加载数据示例代码
-
vue2.0数据双向绑定与表单bootstrap+vue组件