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

How do you get the currently selected <option> in a <select> via JavaScript?

提问by Paul D. Waite

How do you get the currentlyselected <option>of a <select>element via JavaScript?

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

回答by Pat

This will do it for you:

这将为您做到：

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

回答by Amber

The .selectedIndexof the selectobject has an index; you can use that to index into the .optionsarray.

在.selectedIndex所述的select对象具有的索引; 您可以使用它来索引.options数组。

回答by Ir Calif

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

回答by Finesse

Using the selectedOptionsproperty:

使用selectedOptions属性：

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

It worksin all browsers except Internet Explorer.

它适用于除 Internet Explorer 之外的所有浏览器。