Wyczyść i odśwież listę rozwijaną jQuery Wybierz

Question

Próbuję wyczyścić listę rozwijaną jQuery Wybrane i odświeżyć go.

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> 

Po kliknięciu "Odśwież" przycisk, należy włączyć w to:

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

Co próbowałem:

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

ale mogę” t Pobierz aktualizację tej listy rozwijanej ... Jakaś pomoc? :)

Answer 1

Za pomocą .trigger("chosen:updated"); można zaktualizować listę opcji po dołączeniu.

Aktualizacja Chosen dynamicznie:Jeśli trzeba aktualizować opcje w wybranej dziedzinie i chcą Chosen odebrać zmiany, będziesz trzeba wyzwolić „najważniejsze: zaktualizowaną” zdarzenie na boisku . Wybrany odbuduje się na podstawie zaktualizowanej zawartości.

Kod:

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

Answer 2

MVC 4:

function Cargar_BS(bs) { 
     $.getJSON('@Url.Action("GetBienServicio", "MonitoreoAdministracion")', 
         { 
          id: bs 
         }, 
         function (d) { 
          $("#txtIdItem").empty().append('<option value="">-Seleccione-</option>'); 
          $.each(d, function (idx, item) { 
           jQuery("<option/>").text(item.C_DescBs).attr("value", item.C_CodBs).appendTo("#txtIdItem"); 
          }) 
          $('#txtIdItem').trigger("chosen:updated"); 
         }); 
    } 

Answer 3

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