我該如何選擇我的下拉列表項目的文本而不是價值？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

相關問題