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

2018-06-29 18:14:41

如果您知道索引，值或文本。同样如果你没有ID作为直接参考。

这一点，这是所有有用的答案。

示例标记

<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")')

编辑：正如上面评论的OP可能已经改变了下拉选定的项目后。在版本1.6及更高版本中，建议使用prop（）方法：

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

在旧版本中：

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

在Ryan发表评论后， EDIT2 。 “选择10”上的匹配可能是不需要的。我发现没有匹配全文的选择器，但过滤器工作正常：

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

上述方法都没有提供我需要的解决方案，所以我想我会提供对我有用的东西。

$('#element option[value="no"]').attr("selected", "selected");

你可以使用val()方法：

$('select').val('the_value');

链接地址: http://www.djcxy.com/p/83063.html

上一篇: How do you select a particular option in a SELECT element in jQuery?

下一篇: get the text of the option from the value of the combobox