时间:2021-05-28
项目使用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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文为大家分享了BootStrapselectpicker后台动态绑定数据的方法,供大家参考,具体内容如下html部分代码这是一个下拉多选框,现在要动态往里添加
本节主要介绍Bootstrap的后台数据绑定、特殊列处理及列的排序功能1.数据绑定一般做程序设计,很少是使用json文件直接绑定数据。基本上我们都是使用编程语言
在前端与后台交互的时候我们通常都需要将后台传递的数据绑定到html中,这个绑定数据的方式我们通常是使用jQuery或者使用原生的innerHTML进行绑定,当然
微信小程序动态绑定数据及动态事件处理关键核心代码varobjurl=JSON.parse(res.data);//重置图片参数vartemppostionlis
Vue是MVVM模式,即Model-View-ViewModel,通过绑定数据即可以实时改变视图显示。比如:使用v-blink动态绑定属性使用v-html来绑定