jQuery चुने गए ड्रॉपडाउन सूची को साफ़ और रीफ्रेश करें

Question

मैं jQuery चुनिंदा ड्रॉपडाउन सूची को साफ़ करने और इसे रीफ्रेश करने की कोशिश कर रहा हूं।

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> 

जब मैं क्लिक करें "ताज़ा" बटन, यह इस में बदल जाते हैं चाहिए:

<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); 
}); 

लेकिन मैं कर सकते हैं ' इसे ड्रॉपडाउन सूची को अपडेट करने के लिए नहीं मिलता ... कुछ मदद? :)

Answer 1

.trigger("chosen:updated"); का उपयोग करके आप संलग्न करने के बाद विकल्प सूची अपडेट कर सकते हैं।

अपडेट कर रहा है चुना गतिशील रूप:आप अपने चुनिंदा क्षेत्र में विकल्पों को अपडेट करने की जरूरत है और चुना परिवर्तन लेने के लिए चाहते हैं, आप करेंगे "चुना: अद्यतन" को गति प्रदान करने की जरूरत मैदान पर घटना । चुने गए अद्यतन सामग्री के आधार पर स्वयं को फिर से निर्मित करेंगे।

आपका कोड:

$("#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"); 
    });