jQuery更改根本不会触发

Question

i have a simple drop down as follows

 <select id="drg-select" name="drg-select">
<option>Select DRG</option>
<option value="1"> PSYCHOSES</option>
<option value="2"> HEART FAILURE & SHOCK W CC</option>
<option value="3"> MAJOR JOINT REPLACEMENT OR REATTACHMENT OF LOWER EXTREMITY W/O MCC</option>
<option value="4"> SEPTICEMIA OR SEVERE SEPSIS W/O MV 96+ HOURS W MCC</option>
<option value="5"> INTRACRANIAL HEMORRHAGE OR CEREBRAL INFARCTION W CC</option>
<option value="6"> CHRONIC OBSTRUCTIVE PULMONARY DISEASE W CC</option>........
</select>

and this is how i am handling the Change event

       jQuery('select[name="drg-select"]').change(function() {
                alert('i am here');
            });

its pretty simple but it is not triggered at all please tell me , what i am missing. Also i have tested other events like ready etc and my JS/Jquery is already linked.

Answer 1

Your code is working correctly. May be you have not binded the event on correct time. Try binding the event on document ready.

Working Demo

$(document).ready(function(){
jQuery('select[name="drg-select"]').change(function() {
            alert('i am here');
        });
}); 

Answer 2

You should include the JQuery core file and under that you need to write the your script:

Code for including JS and Jquery code:

<script src="Scripts/jquery-1.7.2.js" type="text/javascript"></script>
$(document).ready(function(){

$("#drg-select").change(function() {
       alert( "Handler for .change() called." );
    });
});

See working demo : View Demo Here