BootStrap selectpicker后台动态绑定数据的方法

这篇文章主要为大家详细介绍了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');

如果没有这句数据是绑定不进去的。

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

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wyjzgx.html