Javascript:更新 <select> 值时触发 'change' 事件监听器

标签 javascript event-listener

注意:不使用 jQuery,在将其标记为重复之前,请确保其他 Q/A 是纯 JS。

我像这样设置事件监听器,通过 html 触发时效果很好:

document.getElementById('activitySelector').addEventListener('change', function() {
  console.log("I work triggered by html but not js")
}

我添加了额外的功能,通过 JavaScript 更改选择值,该功能可以在 html 更新时工作,但事件监听器永远不会被触发:

document.getElementById("activitySelector").value = interactiveType

最佳答案

要实现您想要的效果,您应该手动创建事件并调度它。这并不难,正如您在这里看到的:http://www.2ality.com/2013/06/triggering-events.html?m=1

关于Javascript:更新 <select> 值时触发 'change' 事件监听器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41521510/

相关文章:

javascript - 选择下拉列表失去焦点并关闭

javascript - 为什么显式调用时 NodeJS 函数参数的行为不同?

javascript - Moment.js小数转时间格式

javascript - 如何通过按下 html 按钮来触发 Javascript 模块内的函数

Java 应用程序事件 : Difference between @EventListener annotation and ApplicationListener interface

Java事件监听器

javascript - 使用框架会妨碍我掌握 JavaScript 吗?

javascript - 文字与原型(prototype)对象表示法的数据结构

java - hibernate 中的 PreInsert 和 PreUpdate 事件监听器

Java USB 事件监听器,用于在 USB 插入时收到通知