jQuery - 如何按文本选择下拉列表项?

nun*_*unu 20 javascript jquery jquery-selectors

如何按文字而不是按值选择下拉列表项?

我想用jQuery按文本选择一个下拉项.

Rei*_*gel 39

使用:contains()(链接)

$("select option:contains(text)").attr('selected', true);
Run Code Online (Sandbox Code Playgroud)

演示

  • 除非您有类似的项目,否则此工作正常.例如,如果您搜索"item"并且选项是"item 1","item 2"等,那么您将获得多个结果 (6认同)
  • 使用较新版本的jquery(1.6.1+?),使用prop('selected',true)而不是attr('selected',true) (3认同)

Bru*_*oLM 9

jQuery上有一个过滤器函数,您可以使用它来获取更具体的元素

$("select option").filter(function() {
    return $(this).text() == "text_to_select";
});
Run Code Online (Sandbox Code Playgroud)

这将返回文本中"text_to_select"的所有选项.