Effacer et actualiser la liste déroulante choisie par jQuery

J’essaye d’effacer la liste déroulante jQuery Chosen et de la rafraîchir.

HTML:

  remove me  

Lorsque je clique sur le bouton “Actualiser”, cela devrait devenir:

  test  

Ce que j’ai essayé:

 $("#refreshgallery").click(function(){ $('#picturegallery').empty(); var newOption = $('test'); $('#picturegallery').append(newOption); }); 

Mais je ne parviens pas à mettre à jour cette liste déroulante … De l’aide? 🙂

    Utiliser .sortinggger("chosen:updated"); vous pouvez mettre à jour la liste des options après l’ajout.

    Mise à jour choisie de manière dynamic: Si vous devez mettre à jour les options de votre champ de sélection et que vous souhaitez que Chosen sélectionne les modifications, vous devez déclencher l’événement “choisi: mis à jour” sur le terrain. Chosen va se reconstruire sur la base du contenu mis à jour.

    Votre code:

     $("#refreshgallery").click(function(){ $('#picturegallery').empty(); //remove all child nodes var newOption = $(''); $('#picturegallery').append(newOption); $('#picturegallery').sortinggger("chosen:updated"); }); 

    Si sortinggger("chosen:updated"); ne fonctionne pas, utilisez .sortinggger("liszt:updated"); de @Nhan Tran ça marche bien.

    MVC 4:

      function Cargar_BS(bs) { $.getJSON('@Url.Action("GetBienServicio", "MonitoreoAdministracion")', { id: bs }, function (d) { $("#txtIdItem").empty().append(''); $.each(d, function (idx, item) { jQuery("").text(item.C_DescBs).attr("value", item.C_CodBs).appendTo("#txtIdItem"); }) $('#txtIdItem').sortinggger("chosen:updated"); }); } 
     $("#idofBtn").click(function(){ $('#idofdropdown').empty(); //remove all child nodes var newOption = $(''); $('#idofdropdown').append(newOption); $('#idofdropdown').sortinggger("chosen:updated"); });