jQueryを使用してドロップダウンの選択インデックスを設定

Question

他の投稿をSOに表示していますが、この同じ件名についてはjQueryを使用して選択を設定している解決策が見つかりませんでした。

私はこのようになりますドロップダウン持っている：私は$.ajax()成功関数内でドロップダウンをリセットする必要が

<select type="select" id="docsList" name="docsList"> 
    <option id="defaultListItem" value="0">Select a Document...</option> 
    <option value="38">Document 1</option> 
    <option value="35">Document 2</option> 
    <option value="46">Document 3</option> 
    <option value="45">Document 4</option>   
</select> 

を。私は以下を使用しました：

$('select#docsList option:selected').val('0'); 
$('select#docsList').attr('selectedIndex', 0); 

...と他にもいくつかあります。

私はこのコードが問題ないと思っています。私はドロップダウンをリセットしないようにしています。

Answer 1

あなたは事を複雑にしています。 <select>のselectedIndexを取得/設定するためにjQueryは必要ありません。 <select>の値を設定する場合

$('#docsList').get(0).selectedIndex = 0; 

、その<option> Sのいずれかではない、<select>に.val()を呼び出します。

あなたは $('select#docsList').val('0');がで例を参照してくださいしたい

$('#docsList').val('0'); 

Answer 2

：http://jsfiddle.net/uE2YN/

Answer 3

$('#docsList option[value=0]').attr('selected', 'selected');
これは、選択したオプションとして0に設定された値の属性で<option>を設定します。

Answer 4

マットの答えは、小さな欠陥を持っています

$('#docsList').val('0'); 

ないときは、互換モードで上記のコードはIE 9で動作しません。私のために以下のクロスブラウザーが動作しました：

document.getElementById('docsList').selectedIndex = 0; 

正しい方向へのポインタありがとうございます。

Answer 5

$(".btn-reset").click(function() { 
    $('#docsList').val('123er43f-12fr-7hgy-ju78-kju345uy65r3'); 
    $('#docsList').trigger('chosen:updated'); 
});