这东西很完美
<select name="selectbox" onchange="alert(this.value)">
但我想选择文本。我是这样尝试的
<select name="selectbox" onchange="alert(this.text)">
它显示未定义。 我发现了如何使用 DOM 来获取文本。但我想以这种方式来做，我的意思是只使用 this.value。
【问题讨论】：
标签： javascript select
this.options[this.selectedIndex].innerHTML
应该为您提供所选项目的“显示”文本。 this.value，就像你说的，只是提供了value 属性的值。
【讨论】：
options 返回Option 对象的列表，我不确定在任何地方都将其指定为与<option> 元素相同的东西。最好使用选定的Option 的历史悠久的text 属性，它可以保证工作。
Option 对象与HTMLOptionElement 对象相同。如果您反对使用options，您可以选择使用children 或childNodes（不记得具体是哪一个；我认为它们都有效）
options，但Option 对象早于HTMLOptionElement 对象并且我没有看到任何规范要求Option和HTMLOptionElement 必须是同一个东西，即使它们很可能在支持两者的大多数浏览器中。我的观点是，不混合这两种风格会更安全。所以，我更喜欢this.options[this.selectedIndex].text 或基于selectedIndex 的基于节点的东西，因为需要过滤掉IE 中的空白文本节点而变得复杂。
text 是否返回 innerHTML，或者只是所有文本节点的组合？
为了获得所选项目的值，您可以执行以下操作：
this.options[this.selectedIndex].text
这里访问了select的不同options，SelectedIndex用来选择选中的那个，那么它的text就被访问了。
阅读有关 select DOM here 的更多信息。
【讨论】：
this.options[this.selectedIndex].value 和this.value 完全一样，对不起。
selectedIndex 而不是 SelectedIndex。
this.selectedOptions[0].text（如果你有一个多选，则有明显的扩展名）。
请试试这个代码：
$("#YourSelect>option:selected").html()
【讨论】：
随便用
$('#SelectBoxId option:selected').text(); 获取列出的文本
$('#SelectBoxId').val(); 用于获取选定的索引值
【讨论】：
我知道没有人在这里要求 jQuery 解决方案，但可能值得一提的是，使用 jQuery 你可以要求：$('#selectorid').val()
【讨论】：
如果要获取值，可以将此代码用于 id="selectBox" 的选择元素
let myValue = document.querySelector("#selectBox").value;
如果要获取文本，可以使用此代码
var sel = document.getElementById("selectBox");
var text= sel.options[sel.selectedIndex].text;
【讨论】：
问题不在于价值，而在于文本。 想象一下你有类似的东西：
<select name="select">
<option value="1">0.5</option
<option value="2">0.7</option
</select>
你需要抓住文本。 所以对我来说，我尝试过使用 html (php)，并且
this.options[this.selectedIndex].text
（来自 Delan Azabani）不起作用，但是
this.options[selectedIndex].text
像这样在 HTML 上工作
对于一个选择 this.text 不起作用而 this.value 起作用仍然令人惊讶
【讨论】：