这篇文章主要为大家详细介绍了BootStrap selectpicker后台动态绑定数据的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文为大家分享了BootStrap selectpicker后台动态绑定数据的方法,供大家参考,具体内容如下
html部分代码
<select 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');
如果没有这句数据是绑定不进去的。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章: