如何通过JavaScript在<select>中获取当前选择的<option>？</select> </option>

Question

如何通过JavaScript获取{em>当前选中的<option>元素<{1}}？

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之外的所有浏览器中都有works。