एचटीएमएल <select> JQuery .change काम नहीं कर रहा

Question

ठीक है मुझे नहीं लगता कि यह क्यों काम नहीं कर रहा है। यह बहुत आसान लगता है।

यहाँ मेरी ड्रॉप-डाउन मेनू है:

<div> 
    <form> 
     <select id='yearDropdown'> 
      <c:forEach var="years" items="${parkYears}"> 
       <option value=/events.html?display_year=${years}<c:if test="${currentYear == years}">selected="selected"</c:if>>${years}</option> 
      </c:forEach> 
     </select> 
    </form> 
</div> 

और यहाँ है जावास्क्रिप्ट

$("#yearDropdown").change(function() { 
    alert('The option with value ' + $(this).val()); 
}); 

अभी मैं सिर्फ यह तो मैं कार्यक्षमता जोड़ सकते हैं काम कर रहे प्राप्त करना चाहते हैं। धन्यवाद!

Answer 1

वह कोड वाक्य रचनात्मक रूप से सही है। सबसे अधिक संभावना यह गलत समय पर चल रहा है।

आप जब DOM तैयार होने घटना बाध्य करने के लिए चाहता हूँ:

$(function(){ /* DOM ready */ 
    $("#yearDropdown").change(function() { 
     alert('The option with value ' + $(this).val()); 
    }); 
}); 

या, live का उपयोग करें:

$("#yearDropdown").live('change', function() { 
    alert('The option with value ' + $(this).val()); 
}); 

या, का उपयोग delegate:

$(document.body).delegate('#yearDropdown', 'change', function() { 
    alert('The option with value ' + $(this).val()); 
}); 

या, यदि आप jQueryका उपयोग कर रहे हैं 210:

$("#yearDropdown").on('change', function() { 
    alert('The option with value ' + $(this).val()); 
}); 

---

बहरहाल, यह आमतौर पर एक बार ब्राउज़र मार्कअप प्रतिपादन समाप्त हो गया है स्क्रिप्ट को निष्पादित करने के लिए सबसे अच्छा है।

Answer 2

आपका कोड सही है और मेरे लिए काम कर रहा है, यहाँ देखें: http://jsfiddle.net/mobweb/2Skp9/

क्या आप वाकई jQuery ठीक से लोड किया गया है कर रहे हैं?

Answer 3

सुनिश्चित नहीं हैं कि अगर इस में मदद मिलेगी, लेकिन आप इस कोशिश कर सकते:

$("#yearDropdown").live("change", function() { 
    alert('The option with value ' + $(this).val()); 
}); 

Answer 4

मैं अपने कोड in jsFiffle कोशिश की है। मैंने मैन्युअल रूप से विकल्पों के रूप में कुछ साल जोड़े। यह सही काम करता है।

$(document).ready(function(){ 
    $("#yearDropdown").change(function() { 
     alert('The option with value ' + $(this).val()); 
    });​ 
});