问以编程方式更改html选择元素不触发事件
EN

Stack Overflow用户

提问于 2021-04-04 06:22:34

回答 1查看 74关注 0票数 1

在雅虎天气网站上，有一个select元素，可以通过以下方法检索：

let sel = document.querySelector('select');

您可以手动选择不同的选项(温度、风和降水)，并查看下一个24小时的预报。问题是，当您以编程方式更改选项时(如下面所示)，虽然所选选项发生了更改，但onChange事件未触发(即预测而不是更新)：

sel.selectedIndex = 1;

sel.selectedIndex = 2;

我已经测试过在类似线程(如这一个和这一个)上准备的不同解决方案，但不幸的是它们都无法工作。如能提供任何帮助，我们将不胜感激。

javascript

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-04-04 06:44:53

您需要使用以下代码：-

const sel = document.querySelector('select');
sel.value = 'precipitation'; // You can change this value to whatever you want
sel.dispatchEvent(new Event('change', {'view': window,'bubbles': true}));

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66938543

复制

相似问题

问以编程方式更改html选择元素不触发事件
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问以编程方式更改html选择元素不触发事件EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问以编程方式更改html选择元素不触发事件
EN