jQuery Chosen ドロップダウンリストのクリアとリフレッシュ

質問

jQuery Chosenのドロップダウンリストをクリアして、リフレッシュしようとしています。

HTMLです。

<select data-placeholder="Select Picture..." class="chosen-select" style="width:250px;" id="picturegallery" tabindex="2">
    <option value="" selected="selected"></option>
    <option value="x">remove me</option>
</select>

Refresh"ボタンをクリックすると、このようになります。

<select data-placeholder="Select Picture..." class="chosen-select" style="width:250px;" id="picturegallery" tabindex="2">
    <option value="1">test</option>
</select>

試してみたこと

$("#refreshgallery").click(function(){
    $('#picturegallery').empty();
    var newOption = $('<option value="1">test</option>');
    $('#picturegallery').append(newOption);
});

しかし、私はそれがそのドロップダウンリストを更新するために取得することはできません... いくつかのヘルプ？:)

どのように解決するには？

使用方法 .trigger("chosen:updated"); を追加すると、オプションリストを更新することができます。

Chosenを動的に更新する。 セレクトフィールドのオプションを更新する必要があり、Chosen にその変更を取り込ませたい場合、フィールド上で フィールドで "chosen:updated" イベントをトリガーする必要があります。Chosenは は、更新されたコンテンツに基づいて自身を再構築します。

あなたのコードです。

$("#refreshgallery").click(function(){
        $('#picturegallery').empty(); //remove all child nodes
        var newOption = $('<option value="1">test</option>');
        $('#picturegallery').append(newOption);
        $('#picturegallery').trigger("chosen:updated");
    });