jQueryを使用して選択ボックスの値を最初のオプションに設定します

Question

選択ボックスにオプションを動的に入力しています。私がこれを行うとき、私は選択ボックスの値を最初のオプションの値にしたい（あなたが好きなら 'デフォルトオプション'）。本当にシンプルな音ですが、私はそれを動作させることができません。

var myElement = $('select[name="myName"]'); 

は....以下の3つのバリエーション

// myElement.find('option').first().prop('selected', 'selected'); 
// myElement.val(myElement.find('options').first().val()); 
myElement.prop('selectedIndex', 0); 

を試してみました...しかし、次の行は、私が間違ってつもり空白の警告

alert(myElement.val()); 

を与えますか？あなたはほとんどそれを得た

Answer 1

オプションは、あなたができるオプション

myElement.find('option:eq(0)').prop('selected', true); 

する必要がありますオペアンプのeqセレクタを使用します最初のオプションを選択します。

最初のオプションの値がわかっている場合。

myElemeent.val('first value') // Which selects the option by default 

正しいポイントで電話していない場合を除き、2番目のケースがうまくいきます。すなわち、 ajax応答が完了するのを待つ。この取得は、DOM要素（ないjQueryオブジェクト）ですバニラのJavascriptで動作します

myElement[0].selectedIndex = 0; 

：

はdoneまたはsuccess（非推奨）ハンドラ

Answer 2

、 'オプション' で 's' をドロップします。

myElement.val(myElement.find('option').first().val()); 

Working jsFiddle

Answer 3

の内側にあなたはまた、次のコードを使用することができることを呼び出して試してみてくださいそのインデックスに基づいて最初のオプションを選択されたものとして設定します。

Answer 4

あなたのオプションが値を持って、あなたが行うことができますプレースホルダではないことを確認したい場合は、次の

$('select option').filter(function (index, option) { 
    return option.attributes.value 
}).val() 

HTMLノードが属性valueを持っており、空でないかどうかをチェックしますこの方法。