BootStrap selectpicker后台动态绑定数据

2018-06-24 01:42:05来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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');

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:HTML基础知识(未完待续)

下一篇:vue2.4+vue-cli+webpack history模式打包后 刷新404