jQueryの選択リスト上で選択した属性を設定

Question

I持って、次のHTML

<select id="dropdown"> 
    <option>A</option> 
    <option>B</option> 
    <option>C</option> 
</select> 

私はそれが可能になるので、それを選択しattrributeを設定したいので、私は、文字列「B」を持っている：

<select id="dropdown"> 
    <option>A</option> 
    <option selected="selected">B</option> 
    <option>C</option> 
</select> 

JQueryでこれをどのように行うのですか？

Answer 1

...の線に沿って何か、あなたが大幅に必要なコードを減らすことができます

<option value="B">B</option> 

012に

<option>B</option> 

：この操作を行いますあなたはの使用を含めることないを決定した場合は

$("select option[value='B']").attr("selected","selected"); 

：変更を行います、jQueryのに従うものと

<option value="IL">Illinois</option> 

：あなたのような何かをしたいとき

これが参考になりますvalue属性を使用する場合は、各オプションを順番に確認し、その値を手動で確認する必要があります。

$("select option").each(function(){ 
    if ($(this).text() == "B") 
    $(this).attr("selected","selected"); 
}); 

Answer 2

純粋なDOMを使用できます。 http://www.w3schools.com/htmldom/prop_select_selectedindex.asp

document.getElementById('dropdown').selectedIndex = 1; 

を参照してくださいが、jQueryのは助けることができます。

$('#dropdown').selectedIndex = 1; 

Answer 3

私はそのオプションで選択した属性を設定し、その後、私は選択したいものにテキストを比較し、オプションを反復処理したいです。正しいものを見つけたら、反復を終了します（複数選択がない限り）。

$('#dropdown').find('option').each(function() { 
     var $this = $(this); 
     if ($this.text() == 'B') { 
     $this.attr('selected','selected'); 
     return false; 
     } 
}); 

Answer 4

あなたはオプションのvalue属性を含めるには少しあなたのHTMLを変更する気にしない場合は

$('select option:nth(1)').attr("selected","selected"); 

Answer 5

コード：

var select = function(dropdown, selectedValue) { 
    var options = $(dropdown).find("option"); 
    var matches = $.grep(options, 
     function(n) { return $(n).text() == selectedValue; }); 
    $(matches).attr("selected", "selected"); 
}; 

例：

select("#dropdown", "B"); 

Answer 6

<select id="cars"> 
<option value='volvo'>volvo</option> 
<option value='bmw'>bmw</option> 
<option value='fiat'>fiat</option> 
</select> 

var make = "fiat"; 

$("#cars option[value='" + make + "']").attr("selected","selected"); 

Answer 7

あなたはdanielrmtの.selectedIndex戦略に従いますが、このようなオプションタグ内のテキストに基づいてインデックスを決定することができます

$('#dropdown')[0].selectedIndex = $('#dropdown option').toArray().map(jQuery.text).indexOf('B'); 

これは、値属性を使用せずに元のHTMLで機能します。

Answer 8

$('#select_id option:eq(0)').prop('selected', 'selected'); 

その良い

Answer 9

あなたが使用する必要が1.6以来、jQueryのを使用している場合。（）メソッドを支える：

$('select option:nth(1)').prop("selected","selected"); 

Answer 10

は、これはこれは、あなたが希望する値を持つ要素を知っていることを前提とソリューション

$(document).on('change', 'select', function() { 
      var value = $(this).val(); 
      $(this).find('option[value="' + value + '"]').attr("selected", "selected"); 
     })