无法使用数据实时搜索 + 多个 jquery 填充 bootstrap select

Question

我想使用从 php 代码

获得的选项填充以下 select 语句

<select name='friends[]' id='friends' class='selectpicker show-tick form-control'
        data-live- search='true' multiple>
    <!-- options here -->
</select>

我的jQuery代码

$.ajax({
    url:'get_togethers.php', //this returns object data
    data:'user_id='+user_id,
    type:'POST',
    datatype:'json',
    success:function(data) { //data = {"0":{"id":1,"name":"Jason"},"1":{"id":2,"name":"Will"},"length":2 }
        data = JSON.parse(data);
        var options;
        for (var i = 0; i < data['length']; i++) {
            options += "<option value='"+data[i]['id']+"'>"+data[i]['name']+"</option>";
        }
        $("#friends").append(options);
    }
});

select 标记内的静态值显示，但从 ajax 函数添加的值不显示。 编辑：如果我从中删除 bootstrap，值就会显示出来，但是如果 bootstrap 打开，它们就不会显示。

Answer 1

$('#friends').selectpicker('refresh');

有必要更新我错过的新添加的值。