我是靠谱客的博主 大气奇迹,这篇文章主要介绍BootStrap selectpicker后台动态绑定数据,现在分享给大家,希望可以做个参考。

项目使用BootStrap设置select时,不能动态加载,使用以下方法可以解决。

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
//获得全部订单信息(订单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

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

最后

以上就是大气奇迹最近收集整理的关于BootStrap selectpicker后台动态绑定数据的全部内容,更多相关BootStrap内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(207)

评论列表共有 0 条评论

立即
投稿
返回
顶部