在<选择>元素中检索所选<选项>的文本

2022-08-30 02:11:49

在以下:

<select id="test">
    <option value="1">Test One</option>
    <option value="2">Test Two</option>
</select>

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

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


答案 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');

答案 2

如果您使用jQuery,那么您可以编写以下代码:

$("#selectId option:selected").html();