检索<select>元素中所选<option>的文本

Question

在下面的：

<select id="test">

    <option value="1">Test One</option>

    <option value="2">Test Two</option>

</select>

如何使用JavaScript获取所选选项的文本（即“测试一”或“测试二”）

document.getElementsById('test').selectedValue 返回1或2，哪个属性返回所选选项的文本？

Answer 1

function getSelectedText(elementId) {&nbsp; &nbsp; var elt = document.getElementById(elementId);&nbsp; &nbsp; if (elt.selectedIndex == -1)&nbsp; &nbsp; &nbsp; &nbsp; return null;&nbsp; &nbsp; return elt.options[elt.selectedIndex].text;}var text = getSelectedText('test');

Answer 2

如果您使用jQuery，则可以编写以下代码：$("#selectId option:selected").html();

Answer 3

document.getElementById('test').options[document.getElementById('test').selectedIndex].text;

Answer 4

selectElement.options[selectElement.selectedIndex].text;