Javascript 无法使用jquery使用数据实时搜索+多个填充引导选择

我想用从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函数添加的值不会显示。 编辑：如果我从中删除引导，则会显示值，但如果启动，则不会显示值

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

---

是更新新添加的值所必需的，我没有更新这些值。

我假设数据['length']应该是data.length抱歉，我忘了提到我从php文件中获取的数据值，我在comment中添加了数据值。更改数据的名称。返回值和解析值使用相同的名称。对象数据在以前的数据中被过度写入。如何调用ajax函数，是否正在更改？或者，如果可能的话，你可以发布工作代码/链接，谢谢