如何通過JavaScript獲取<select>中當前選擇的<option>？

Question

如何通過JavaScript獲取當前選擇的<select>元素的<option> ？

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);

它適用於除Internet Explorer之外的所有瀏覽器。