テキストのJqueryベースを使用してオプションを選択

Question

<select> 
    <option value="something else">James</option> 
    <option value="something else">John</option> 
</select> 

何らかの理由で私は$('select').val('something else')を行うことができます。これは、value属性が他のものに使用されているためです。現在の作業内容が乱れるのを避けるために、テキスト値に基づいて要素を選択するにはどうすればよいですか？私はすでに値JamesとJohnを持っていると言います。

Answer 1

あなたは、これはあなたが

Answer 2

$("select option").filter(function() { 
 
    return $(this).text() == 'John'; 
 
}).prop('selected', true)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select> 
 
    <option value="something else">James</option> 
 
    <option value="something else">John</option> 
 
</select>

使用.filter()

DESCRIPTテキスト提供します

以下

$("#yourdropdownid option:selected").text(); 

を使用することができますion：一致する要素のセットをセレクタに一致するものに減らすか、関数のテストに渡します。

Answer 3

$('select').find('option[value="something else"]').prop("selected", true)

Answer 4

このようなテキストでオプションを選択するために使用contains$("select :selected").text();

Answer 5

var selectText = function(elem, text) { 
 
    if (elem && text) { 
 
    elem.find('option').each(function() { 
 
     var that = $(this); 
 
     if (that.text() == text) { 
 
     that.attr('selected', 'selected'); 
 
     } 
 
    }); 
 
    } 
 
} 
 
selectText($('#target'), 'John');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="target"> 
 
<option value="something else">James</option> 
 
<option value="something else">John</option> 
 
</select>

Answer 6

てみてください。

Fiddle Demo

スタック例：

$(function() { 
 
    var text = "John"; 
 
    $("select option:contains(" + text + ")").attr('selected', 'selected'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<select> 
 
    <option value="something else">James</option> 
 
    <option value="something else">John</option> 
 
</select>