When setting a value for a dropdown in jQuery, will the .change function be called?

Question

Whenever we set values for a dropdown using

$("#dropDownId").val(giveAValueHere);

or

$('#dropDownId option:contains("' + giveTheTextHere + '")').prop('selected', true);

will the .change () function be called to call this element?

Suppose that the change () function is defined for a drop-down list and the Item is giveTheTextHerealways present in the drop-down menu.

+3

valyrian Feb 14 '14 at 5:16

2 answers

A change event handler will not be called if you change the value using code, although you can trigger a change event after changing the value.

$("#dropDownId").val(giveAValueHere).trigger("change");

or

$("#dropDownId").val(giveAValueHere).change();

0

Adil Feb 14 '14 at 5:18

Felix · Accepted Answer · 2014-02-14T05:19:36+0000

Changing an element from javascript does not raise a change event. You need to call it:

$("body").on("change", "#dropDownId", function () {
    alert("Changed");
});

or

$("#dropDownId").val(giveAValueHere).change();