在下面的：
<select id="test">
<option value="1">Test One</option>
<option value="2">Test Two</option>
</select>
如何使用 JavaScript 获取所选选项的文本（即“测试一”或“测试二”）
document.getElementsById('test').selectedValue 返回 1 或 2，什么属性返回所选选项的文本？
在 <select> 元素中检索所选 <option> 的文本
IT技术
javascript
html
dom
2021-02-05 23:25:01
6个回答
function getSelectedText(elementId) {
var elt = document.getElementById(elementId);
if (elt.selectedIndex == -1)
return null;
return elt.options[elt.selectedIndex].text;
}
var text = getSelectedText('test');
如果您使用 jQuery，那么您可以编写以下代码：
$("#selectId option:selected").html();
document.getElementById('test').options[document.getElementById('test').selectedIndex].text;
在 HTML5 下，您可以执行以下操作：
document.getElementById('test').selectedOptions[0].text
位于https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/selectedOptions 的MDN 文档表明完全跨浏览器支持（至少截至 2017 年 12 月），包括 Chrome、Firefox、Edge 和移动浏览器，但不包括 Internet Explorer。
selectElement.options[selectElement.selectedIndex].text;
参考：
- 选项集合，selectedIndex 属性：HTML DOM 选择对象
- 文本属性：HTML DOM 选项对象
- 正是这个问题的答案：Option text Property