JavaScriptを介して<select>で現在選択されている<option>を取得するにはどうすればよいですか？

Question

JavaScriptを介して<option>要素の現在 selected <select>要素を取得するにはどうすればよいですか？

Answer 1

これはあなたのためにそれを行います：

var yourSelect = document.getElementById( "your-select-id" );
alert( yourSelect.options[ yourSelect.selectedIndex ].value )

Answer 2

selectオブジェクトの .selectedIndex にはインデックスがあります。それを使用して.options配列にインデックスを付けることができます。

Answer 3

var payeeCountry = document.getElementById( "payeeCountry" );
alert( payeeCountry.options[ yourSelect.selectedIndex ].value );

Answer 4

selectedOptionsプロパティの使用：

var yourSelect = document.getElementById("your-select-id");
alert(yourSelect.selectedOptions[0].value);

It works Internet Explorerを除くすべてのブラウザーで。