javascript - 当您通过 jQuery 更改 onChange() 时，如何使 onChange() 工作？

Question

这个问题已经有答案了:

val() doesn't trigger change() in jQuery (11 个回答)

已关闭 7 年前。

我有一个选择列表。

<select id="cars">
<option value="Toyota">Toyota</option>
<option value="Subaru">Subaru</option>
<option value="Fiat">Fiat</option>
</select>

如果您自己选择该选项，onchange 效果很好。

$('#cars').on('change', function (e) {
var valueSelected = this.value;
alert(valueSelected);
});

但是，如果你使用jquery来选择一个值；

$("#cars").val("Toyota");

它更改了选项，但不会触发 jquery 函数。触发该事件的正确方法是什么？

Answer 1

使用trigger

$('#cars').on('change', function(e) {
  var valueSelected = this.value;
  console.log(valueSelected);
});

$("#cars").val("Toyota");
$("#cars").trigger("change");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="cars">
  <option value="Toyota">Toyota</option>
  <option value="Subaru">Subaru</option>
  <option value="Fiat">Fiat</option>
</select>