时间:2021-05-28
本文为大家分享了BootStrap selectpicker后台动态绑定数据的方法,供大家参考,具体内容如下
html部分代码
<select class="selectpicker" multiple> </select>这是一个下拉多选框,现在要动态往里添加下拉选项。
js代码
<script type="text/javascript"> getOption(); function getOption(){ $.ajax({ type:"get", url:"test.json", async:true, success:function (data) { var str = ""; for(var i = 0;i<data.length;i++){ str+='<option>'+data[i].value+'</option>' } $(".selectpicker").html(str); $(".selectpicker" ).selectpicker('refresh'); } }); }</script>关键在于$(".selectpicker" ).selectpicker('refresh');
如果没有这句数据是绑定不进去的。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本节主要介绍Bootstrap的后台数据绑定、特殊列处理及列的排序功能1.数据绑定一般做程序设计,很少是使用json文件直接绑定数据。基本上我们都是使用编程语言
在前端与后台交互的时候我们通常都需要将后台传递的数据绑定到html中,这个绑定数据的方式我们通常是使用jQuery或者使用原生的innerHTML进行绑定,当然
微信小程序动态绑定数据及动态事件处理关键核心代码varobjurl=JSON.parse(res.data);//重置图片参数vartemppostionlis
Vue是MVVM模式,即Model-View-ViewModel,通过绑定数据即可以实时改变视图显示。比如:使用v-blink动态绑定属性使用v-html来绑定
1.input输入框v-model绑定的字段名需要根据后台返回的数据动态生成,此时就不可以用v-model绑定,而是用传统的方法value动态绑定,并且用子组件