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

2019-11-19 15:57:53

字体：大中小

来源：转载

供稿：网友

本文为大家分享了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');

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持武林网。

上一篇：JavaScript截屏功能的实现代码

下一篇：详解angularjs的数组传参方式的简单实现