如何在 jQuery 的 SELECT 元素中选择特定选项？

如果您知道索引、值或文本。如果您没有可直接参考的 ID，也同样如此。

This https://stackoverflow.com/questions/149573/check-if-option-is-selected-with-jquery-if-not-select-a-default#149820, this https://stackoverflow.com/questions/196684/jquery-get-select-option-text#196687 and this https://stackoverflow.com/questions/47824/using-core-jquery-how-do-you-remove-all-the-options-of-a-select-box-then-add-on#47829都是有帮助的答案。

示例标记

<div class="selDiv">
  <select class="opts">
    <option selected value="DEFAULT">Default</option>
    <option value="SEL1">Selection 1</option>
    <option value="SEL2">Selection 2</option>
  </select>
</div>

按值获取中间选项元素的选择器是

$('.selDiv option[value="SEL1"]')

对于索引：

$('.selDiv option:eq(1)')

对于已知文本：

$('.selDiv option:contains("Selection 1")')

EDIT：正如上面评论的那样，OP 可能是在更改下拉列表的选定项目之后。在 1.6 及更高版本中，建议使用 prop() 方法：

$('.selDiv option:eq(1)').prop('selected', true)

在旧版本中：

$('.selDiv option:eq(1)').attr('selected', 'selected')

EDIT2：在瑞安发表评论后。 “Selection 10”上的匹配可能是不需要的。我发现没有selector http://api.jquery.com/category/selectors/匹配全文，但是filter http://api.jquery.com/filter/ works:

 $('.selDiv option')
    .filter(function(i, e) { return $(e).text() == "Selection 1"})

EDIT3：谨慎使用$(e).text()因为它可能包含换行符，导致比较失败。当选项隐式关闭时会发生这种情况（没有</option> tag):

<select ...>
<option value="1">Selection 1
<option value="2">Selection 2
   :
</select>

如果你只是使用e.text任何额外的空格（例如尾随换行符）都将被删除，从而使比较更加稳健。