如何使用JQuery在select元素中设置选定的选项？

Question

我已经看到很多关于此的问题，但似乎没有一个对我有用。我一直试图在chrome开发人员工具上测试它，但没有。这是我的选择元素：

<select id="mySelect">
  <option value="10">Something</option>
  <option value="11">Something2</option>
</select>

现在我试图像这样设置它：

$('#select option[value="11"]').prop("selected", true)

现在我也尝试使用attr方法，但也无效。我应该提到这是一个简化的例子，我的列表有数百个选项。最终目标是设置一个新的选定项目并将其反映在网页上。

Answer 1

你可以$("#mySelect").val(11)。 $("#mySelect")会从ID mySelect 的DOM中选择<select>标记，并使用.val(11)将select选项标记设置为具有值的选项属性等于11：

$("#mySelect").val(11);

Answer 2

$('#mySelect').val(11)

试试这个