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

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