Jquery event when user makes selection in dropdown
Use the change() event:
$("#ddrp1").change(function() { // Pure JS var selectedVal = this.value; var selectedText = this.options[this.selectedIndex].text; // jQuery var selectedVal = $(this).find(':selected').val(); var selectedText = $(this).find(':selected').text();});In jQuery 1.7, you can use .on()
$("#ddrp1").on("change", function() { // Pure JS var selectedVal = this.value; var selectedText = this.options[this.selectedIndex].text; // jQuery var selectedVal = $(this).find(':selected').val(); var selectedText = $(this).find(':selected').text();});Here's a working jsFiddle using on()
What you want is onchange event which can be written as
$("#ddrp1").change (function () { });
Use jQuery change event handler.
$("#ddrp1").change(function(){ //selection changed alert(this.value);//this will give the selected option's value alert($(this).find(':selected').text());//this will give the selected option's text});Alternative way to bind change event handler is.
$("#ddrp1").bind('change', function(){});