检索所选<选项>的文本；在&lt;选择&gt;元素 [英] Retrieving the text of the selected &lt;option&gt; in &lt;select&gt; element

问题描述

如下:

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

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

How can I get the text of the selected option (i.e. "Test One" or "Test Two") using JavaScript

document.getElementsById('test').selectedValue 返回 1 或 2，什么属性返回选中选项的文本?

document.getElementsById('test').selectedValue returns 1 or 2, what property returns the text of the selected option?

推荐答案

function getSelectedText(elementId) {
    var elt = document.getElementById(elementId);

    if (elt.selectedIndex == -1)
        return null;

    return elt.options[elt.selectedIndex].text;
}

var text = getSelectedText('test');

这篇关于检索所选<选项>的文本；在&lt;选择&gt;元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！