Löschen und aktualisieren Sie die Dropdown-Liste jQuery Chosen

Ich versuche, die Dropdown-Liste jQuery Chosen zu löschen und zu aktualisieren.

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>

Wenn ich auf "Aktualisieren" klicke, sollte dies folgendermaßen aussehen:

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

Was ich ausprobiert habe:

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

Aber ich kann die Dropdown-Liste nicht aktualisieren ... Hilfe? :)

Antworten auf die Frage(4)

Ihre Antwort auf die Frage