javascript - jqueryでデータライブ検索+複数でブートストラップ選択を入力できません

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 関数から追加された値は表示されません。編集:これからブートストラップを削除すると、値が表示されますが、ブートストラップをオンにすると表示されません。

Answer 1

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

見逃していた新しく追加された値を更新する必要があります。