我该如何选择我的下拉列表项目的文本而不是价值？jQuery - 如何通过文本选择下拉列表项目？

我想用jQuery通过文本选择下拉项目。

2011-01-21 nunu

$("select option:contains(text)").attr('selected', true);

demo

来源

2011-01-21 09:33:10 Reigel

如果你需要做一个变量： var text =“Item 1”; （“选择选项：包含（”+文本+“）”）。attr（'selected'，true）; – ROFLwTIME 2012-05-18 15:22:00

有一个filter function on jQuery，你可以用它来获得更具体的

$("select option").filter(function() { 
    return $(this).text() == "text_to_select"; 
});

这是要在文本中的“text_to_select”返回所有选项的东西元素。

来源

2011-01-21 09:29:30 BrunoLM

这应该是公认的答案。使用“contains”可能会匹配多个值，这可能很危险。 – 2016-03-16 19:42:01

我认为这会为你做的伎俩......

$("#selectId").find("option:contains('text')").each(function(){ 
    if($(this).text() == 'Text that should be matched') { 
    $(this).attr("selected","selected"); 
    } 
});

来源

2011-01-21 09:37:18 Vivek

下面是我使用（这是不太一样的代码其他建议在这里，并与jQuery v1.8.3一起使用）

var userToSearchFor = 'mike'; // Select any options containing this text 

$("#ListOfUsers").find("option:contains('" + userToSearchFor +"')").each(function() { 
    $(this).attr("selected", "selected"); 
}); 

<select id="ListOfUsers" ></select>

希望这会有所帮助。

来源

2014-07-02 08:47:34

我有一个类似的情景下跌国家，州和城市。国家有“印度”以及“英属印度洋领地”。 :contains()的问题在于它尝试两个匹配。我不喜欢的东西：

$('#country option').each(function(){ 
    if($(this).text() == 'India'){ 
     $(this).prop('selected', true).trigger('change'); 
    } 
});

来源

2015-12-17 13:36:20 Zeeshan

$("selecter option:contains('" + data[i].ID+ "')").attr('selected', 'selected');

来源

2016-08-02 09:22:10

jQuery - 如何通过文本选择下拉列表项目？

回答

demo

相关问题