检索<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) {

    var elt = document.getElementById(elementId);

    if (elt.selectedIndex == -1)

        return null;

    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;