如何为HTML选择（下拉列表）触发更改事件？

Question

我的HTML页面有一个Button和一个Select Drop-Down（组合框）。下拉更改事件是这样的：

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

当我点击按钮时，我正在为Drop-Down设置一些值，它工作正常。

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

单击该按钮时，Drop-Down值将更改，但Drop-Down change事件未触发。谁可以帮我这个事？

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

Answer 1

通过jquery设置val()不会自动触发项目上的事件...所以你需要手动trigger()它...

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