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

我有一个像这样的选择框

<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()函数.我该怎么做？

解决方法

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

Execute all handlers and behaviors attached to the matched elements for the given event type.

此外,值区分大小写,因此请使用正确的值.使用奥迪代替奥迪

码,

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

此外,因为你正在使用它像jquery绑定事件

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

function carName() {
  alert('In carName function');
}

$(document).ready(function() {
  $('.cars').val('audi').trigger('change');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>