jQuery चुना onchange घटना फायरिंग नहीं जब मूल्य जे एस

Question

JSFiddle

के माध्यम से बदल गया है मैं बेला में 3 option रों (1 खाली) के साथ एक select सेटअप किया था। जब मैं foo से bar मैन्युअल रूप से स्विच करता हूं, तो change श्रोता सामान्य रूप से आग लग जाता है।

अब अगर मैं code posted in some answers here साथ जे एस के माध्यम से select रीसेट, change घटना, नए चयनित खाली विकल्प के लिए आग नहीं करता है इसके अलावा, अगर मैं विकल्प है जिसके reset बटन onchange घटना जीता 'में क्लिक करने से पहले का चयन किया गया चयन टी आग या तो।

मुझे यकीन है कि select हूँ के मूल्य है ऊपर समारोह है, जो इस fiddle में देखा जा सकता के साथ बदला जा रहा है, लेकिन select के onchange घटना बस आग नहीं करता है।

मैंने onchange, onclick, oninput घटनाओं का कोई फायदा नहीं हुआ है। अभी मैं सोच रहा हूं कि मुझे एक उत्परिवर्तन ऑब्सर्वर का उपयोग करना चाहिए या डीओएम से प्रस्तुत किए गए चुने हुए तत्व को हटा देना चाहिए और दूसरा बनाना है, लेकिन शायद मैं इसे ओवरथिंक कर रहा हूं। किसी भी मदद की सराहना की है।

इसके अलावा

: jQuery Chosen reset

इस उत्तर मदद नहीं की:

इस उत्तर मुझे एक बहुत मदद की how to fire onchange event in chosen prototype javascript select box?

कोड भविष्य में संदर्भ के लिए है, तो jsfiddle.net निकाल दिया जाता है:

एचटीएमएल

<div id="wrapper"> 
    <select id="chosen"> 
     <option value="!!EMPTY VALUE!!"></option> 
     <option value="foo">foo</option> 
     <option value="bar">bar</option> 
    </select> 
</div> 
<br> 
<button id="reset">Reset</button> 

जे एस

$(function() { 
    $('#chosen').chosen(); 

    $('#wrapper').on('change', '#chosen', function() { 
     console.log('onchange: ' + this.value); 
    }); 

    $('#reset').click(function() { 
     $("#chosen").val('').trigger("liszt:updated"); //doesn't work 
     //$("#chosen").prop('selectedIndex', 0).trigger("liszt:updated"); //doesn't work either 
     console.log('reset: ' + $('option:selected').val()); 
    }); 
}); 

Answer 1

आप फ़ेब्रिकियो मैट द्वारा टिप्पणी है कि मेरे लिए काम किया ताकि अन्य लोग डॉन से बाहर एक जवाब प्रतिलिपि बनाई जा रही $(selector).trigger("change")

$('#reset').click(function() { 
     $("#chosen").val('').trigger("change"); //doesn't work 
     //$("#chosen").prop('selectedIndex', 0).trigger("liszt:updated"); 
     console.log('reset: ' + $('option:selected').val()); 
    }); 

Answer 2

साथ मान बदलने के बाद परिवर्तन को गति प्रदान करने की जरूरत है इस पोस्ट को न देखें और पहले जैसा समाधान मैंने याद किया।

$('#chosen_chzn').remove(); 
$('#chosen').val('').change().removeClass('chzn-done').chosen(); 

See this on his Fiddle

मैं मूल रूप से .change() के बजाय .trigger('liszt:updated') कॉल का उपयोग जारी रखने की कोशिश की लेकिन बात नहीं बनी। .removeClass('chzn-done') के पीछे तर्क नहीं देखा लेकिन यह भी आवश्यक है या आपका चयन बॉक्स गायब हो जाएगा।