在為jQuery設置下拉值時，會調用.change函數嗎？

Question

每當我們為下拉元素設置值時，使用其中任何一個

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

要么

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

是否會調用該元素的.change（）函數？

假設定義了下拉列表的，change（）函數，並且下拉菜單中始終存在giveTheTextHere元素。

Answer 1

如果通過代碼更改值，則更改事件處理程序不會調用，盡管您可以在更改值后觸發更改事件。

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

要么

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

Answer 2

從javascript更改元素不會觸發更改事件。 你需要觸發它：

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

要么：

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