如何在使用jquery更改选择值时调用选择框？

Question

我有一个像这样的选择框

 <select class="cars" onChange="carName()">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

如果正在更改下拉值,则carName函数正在调用并按预期工作.如果假设我像这样使用jQuery更改值

$('.cars').val('Audi');

我希望carName()调用该函数.我怎么能这样做？

Answer 1

您需要以.trigger()编程方式事件

执行附加到给定事件类型的匹配元素的所有处理程序和行为。

此外，值区分大小写，因此请使用正确的值。使用audi而不是Audi

代码，

$('.cars').val('audi').trigger('change'); 

另外，因为您正在使用jquery绑定事件，所以使用它就像

$('.cars').on('change', carName); //Or, $('.cars').change(carName);

$('.cars').val('audi').trigger('change'); 

$('.cars').on('change', carName); //Or, $('.cars').change(carName);