选择框的jquery选择值不会更改结果

Question

我正在尝试使用Chrome控制台在存储选择框中使用.change更改价格结果，但会发生的是价格没有更新。

我尝试了不同的其他方式，例如.click .trigger，仍然选择框来回切换16gb到64gb但价格没有更新。仅当我用鼠标手动更改选择框值时，价格才会更新。

可能导致它无法切换的原因是什么？有没有其他方法可以通过代码触发事件？

***编辑：这不是我的代码，我只是想了解如果.click无法通过控制台工作，如何获取数据

Answer 1

除非您明确要触发该事件，否则不需要click()方法。

我添加了一个click()事件监听器，并在此处调用最后一次更改。

var select = $("#test_select");

select.on('click', function() {
  alert('click event');
});

setTimeout(function() {
  select.val("2");
}, 1000);
setTimeout(function() {
  select.val("3");
}, 2000);
setTimeout(function() {
  select.val("4");
}, 3000);
setTimeout(function() {
  select.val("5").click();
}, 4000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="test" id="test_select">
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>