小编Kae*_*ara的帖子

如何以编程方式单击“选择”元素并触发onChange处理程序?

例如,使用以下代码。我尝试了几种解决方案。

function handleChange() {
    alert('hello')
}

<select id="names" onchange="handleChange()">
    <option>Foo</option>
    <option>Bar</option>
</select>
Run Code Online (Sandbox Code Playgroud)

解决方案1。

document.getElementById('#select').selectedIndex = 1
Run Code Online (Sandbox Code Playgroud)

这将更改select的值和显示,但不会触发handleChange();。

解决方案2

var element = document.getElementById('names');
var event = new Event('change');
element.dispatchEvent(event);
Run Code Online (Sandbox Code Playgroud)

这返回true,但仍然不会触发handleChange();。


有关如何执行此操作的任何想法?还是可以实际完成?解决方案必须仅是javascript / html,而遗憾的是没有jQuery。

html javascript

3
推荐指数
1
解决办法
5118
查看次数

标签 统计

html ×1

javascript ×1