jquery - 当我使用 val() 设置选择的值时，为什么不触发 jquery 更改事件？

Question

当值由 val() 设置时，change() 事件处理程序中的逻辑不会运行，但当用户选择一个值时它会运行他们的鼠标。这是为什么呢？

<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>

Answer 1

因为 change 事件需要用户发起的实际浏览器事件，而不是通过 javascript 代码。

改为这样做:

$("#single").val("Single2").trigger('change');

或

$("#single").val("Single2").change();