javascript - 如何触发HTML Select(下拉)的Change事件?

标签 javascript jquery html

我的 HTML 页面有一个按钮和一个选择下拉菜单(组合框)。下拉更改事件是这样的:

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

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

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

当我单击按钮时,下拉值正在更改,但下拉更改事件未触发。谁能帮我解决这个问题吗?

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

最佳答案

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

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

关于javascript - 如何触发HTML Select(下拉)的Change事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55313290/

相关文章:

javascript - 在 Firefox 中检测缩放

html - 使用非默认正文字体在导航内垂直居中 div

javascript - 使用 val(value) 设置文本框的值不起作用

javascript - 如何检测Chrome默认搜索引擎

javascript - 我无法在 React/Redux 上使用 useSelector()

jquery - 2列;多 Accordion 面板

jquery - 在更大和更小的设备上显示事件后的 div

javascript - 如何使我的 div 居中并使它们与媒体查询堆叠

javascript - 单击鼠标移动一组 SVG 元素

javascript - 如何使用 Javascript 制作 Laravel 密码哈希