当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>
当前回答
要更改值
$("#single").val("Single2");
还可以触发更改事件
$("#single").val("Single2").change();
当页面上有多个选择选项时，这种逻辑是有用的。 一个更改和其他选择选项必须更改，但不会触发更改事件。
其他回答
如果您不想与默认更改事件混淆，您可以提供您的自定义事件
$('input.test').on('value_changed', function(e){
console.log('value changed to '+$(this).val());
});
要在值设置上触发事件，可以执行以下操作
$('input.test').val('I am a new value').trigger('value_changed');
要更改值
$("#single").val("Single2");
还可以触发更改事件
$("#single").val("Single2").change();
当页面上有多个选择选项时，这种逻辑是有用的。 一个更改和其他选择选项必须更改，但不会触发更改事件。
我相信你可以用trigger()手动触发变更事件:
$("#single").val("Single2").trigger('change');
虽然我不知道为什么它不会自动发射。
如果你刚刚在表单中添加了选择选项，并且你希望触发更改事件，我发现需要一个setTimeout，否则jQuery不会选择新添加的选择框:
window.setTimeout(function() { jQuery('.languagedisplay').change();}, 1);
在val()之后添加这段代码似乎可以工作:
$(":input#single").trigger('change');
