更改jQuery中的选定选项

Question

我的HTML是

<select name="one_day_per_month" id="one_day_per_month" style="width: 200px">
  <option value="false" selected>No</option>
  <option value="true">Yes</option>
</select>

页面用

包装

$( document ).ready(function() {...}

我可以使用

更改值

$("#one_day_per_month").val("true")

值已更新，但浏览器中的下拉列表未更改不会更改。我做错了什么？

Answer 1

尝试使用此调用触发器进行更改以达到您的要求。

$( document ).ready(function() {
$("#one_day_per_month").val("true").trigger("change");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="one_day_per_month" id="one_day_per_month" style="width: 200px">
  <option value="false" selected>No</option>
  <option value="true">Yes</option>
</select>

Answer 2

您的代码可能在加载select元素的HTML标记之前运行。 您有两种方法可以解决它：

1. 将您的脚本放在标记
之前的HTML末尾
2. 将所有代码嵌入$（function（）{/ *您的代码* /}）;这确保您的代码在HTML完全加载并在浏览器中解析后运行。