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

Question

如何通过JavaScript 获取当前选定<option>的<select>元素？

Answer 1

这将为您做到:

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

Answer 2

在.selectedIndex所述的select对象具有的索引; 你可以用它来索引.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 之外的所有浏览器。