jquery select option change code example

Example 1: jquery select box change event

$('select').on('change', function (e) {
    var optionSelected = $("option:selected", this);
    var valueSelected = this.value;
    ....
});

Example 2: on change jquery

You can apply any one approach:

$("#Input_Id").change(function(){   // 1st
    // do your code here
    // When your element is already rendered
});


$("#Input_Id").on('change', function(){    // 2nd (A)
    // do your code here
    // It will specifically called on change of your element
});

$("body").on('change', '#Input_Id', function(){    // 2nd (B)
    // do your code here
    // It will filter the element "Input_Id" from the "body" and apply "onChange effect" on it
});

Example 3: .on change get value

$('select').on('change', function() {
  alert( this.value );
});

Example 4: dropdown option selection change event in jquery

$("select [name='element_name']").change(function(){
	// condition goes here
});

Example 5: jQuery change select value

$("#mySelectElementID").val("my_new_value"); //change selected option/value with jQuery

Example 6: jquery detect textarea change

$('#myTextAreaID').on('input propertychange paste', function() {
    //my Textarea content has changed
});

Tags:

Html Example