如何触发更改HTML Select（下拉）事件？

Question

我的HTML页面上有一个按钮和一个选择下拉列表（组合框）。下拉更改事件是这样的：

$('#DDL_ID').on('change', function (e) {
    // Some Code Here
});

当我单击按钮时，我将一些值设置为Drop-Down，并且工作正常。

$('#BTN_ID').on('click', function (e) {
    $('#DDL_ID').val('123');
});

单击按钮时，下拉值正在更改，但下拉事件未触发。有人可以帮我吗？

请注意，这不是重复的问题。

Answer 1

通过jquery设置val()不会自动触发该项目上的事件...因此您需要手动trigger()它...

$('#BTN_ID').on('click', function (e) {
  $('#DDL_ID').val('123').trigger('change');
});