我如何在使用 jquery 更改 select 值时调用 select 更改框？

Question

我有一个 select 这样的盒子

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

If am changing dropdown values carName 函数正在按预期调用和工作。如果假设我像这样使用 jQuery 更改值

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

我希望 carName() 函数成为 called.How 我可以这样做吗？

Answer 1

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

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

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

代码,

$('.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>

Answer 2

我想你可能想添加 .change()

$('#cars').change(function() {
 carName();
});

我如何在使用 jquery 更改 select 值时调用 select 更改框？

how can i call select box on change while changing select value using jquery?

javascript

jquery

select

onchange