jQuery - テキストでドロップダウンリストアイテムを選択するにはどうすればよいですか？

Question

ドロップダウンリスト項目を値ではなくテキストで選択するにはどうすればよいですか？

jQueryを使用してテキストでドロップダウンアイテムを選択したいとします。

Answer 1

使用:contains()^(link)

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

demo

Answer 2

は、あなたがこのテキストで「text_to_select」で、すべてのオプションを返すために起こっている

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

より具体的な何かを持つ要素を取得するために使用できるfilter function on jQueryがあります。私はこれがあなたのためにトリックを行うだろうと思い

Answer 3

...

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

Answer 4

ここで私が使用したコード（それは全く同じではありませんですその他の提案はこちら、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> 

これが役立つことを願っています。

Answer 5

国、州、市のドロップダウンも同様のシナリオでした。国には "インド"と "英領インド洋領土"がありました。 :contains()の問題は、両方の一致を試行することです。これが受け入れ答えなければなりません

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

Answer 6

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