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

如果沒有這句數據是綁定不進去的。