相关疑难解决方法(0)

change()当值设置时,事件处理程序中的逻辑不会运行val(),但它会在用户使用鼠标选择值时运行.为什么是这样？

<select id="single">
    <option>Single</option>
    <option>Single2</option>
</select>

<script>
    $(function() {
        $(":input#single").change(function() {
           /* Logic here does not execute when val() is used */
        });
    });

    $("#single").val("Single2");
</script>

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

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

<select id="names" onchange="handleChange()">
    <option>Foo</option>
    <option>Bar</option>
</select>

解决方案1。

document.getElementById('#select').selectedIndex = 1

这将更改select的值和显示，但不会触发handleChange（）;。

解决方案2

var element = document.getElementById('names');
var event = new Event('change');
element.dispatchEvent(event);

这返回true，但仍然不会触发handleChange（）;。

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