jQueryとJavaScriptを使用して、 "select" HTML入力要素のデフォルト値を取得しますか？

Question

私は<select>要素の値、設定、プリファレンスを取得し、それをカスタムウィジェットに置き換えるサードパーティのjQueryプラグインを使用しています。

<select>要素のデフォルト値を調べるにはどうすればよいですか？

$("select option:selected"); 

Answer 1

使用することは、現在（またはデフォルト）選択した項目を取得します。あなたがより速く/短くしたい場合は、それが値です取得するには、

$("select option:selected").val(); 

それとも

$("select").val() 

を使用しています。

---

の選択元の値を取得するには、このJSFiddleが示すように、.data()機能を使用して、要素のデータ内に格納する必要があります。

あなたが値を取得したい場合は、単純にselect要素（JSFiddleの二.each()に.data("originalValue")を呼び出す。

$(document).ready(function() { 
    $("select").each(function() { 
     $(this).data("originalValue", $(this).val()); 
    }); 

    // Log data - will output "1" 
    $("select").each(function() { 
     console.log($(this).data("originalValue")); 
    }); 
}); 

をあなたは時にページの読み込みをする上記のコードの最初の.each()呼び出しを実行する必要があります選択ボックスの元の値を格納します。originalValueはあなたが好きな識別子であることに注意してください。

Answer 2

$('select option:selected').val(); 

Answer 3

<option>要素はDOMレベル1呼び出しで定義されたプロパティを持っていますed defaultSelected。要素が解析されたときにHTMLにselected属性が定義されている<option>要素の場合、このプロパティはtrueに設定されます。

任意のデフォルトの選択オプションを取得するためにfilterを使用することはかなり簡単であるべき：

var def = $("select > option").filter(function() { 
    return this.defaultSelected; 
}); 

の作業のデモ：http://jsfiddle.net/AndyE/9G3pR/

• defaultSelected property（MSDN）