如何获取 Javascript 选择框的选定文本
这东西工作得很好，
<select name="selectbox" onchange="alert(this.value)">
但我想选择文本。我尝试过这种方式
<select name="selectbox" onchange="alert(this.text)">
它显示未定义。 我发现了如何使用 DOM 来获取文本。但我想以这种方式做到这一点，我的意思是只使用 this.value。
This things works perfectly
<select name="selectbox" onchange="alert(this.value)">
But I want to select the text. I tried in this way
<select name="selectbox" onchange="alert(this.text)">
It shows undefined.
I found how to use DOM to get text. But I want to do this in this way, I means like using just this.value.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（7）
我知道这里没有人要求 jQuery 解决方案，但可能值得一提的是，使用 jQuery，您只需要求：
$('#selectorid').val()I know no-one is asking for a jQuery solution here, but might be worth mentioning that with jQuery you can just ask for:
$('#selectorid').val()如果你想获取值，你可以使用此代码用于 id="selectBox" 的选择元素
如果你想获取文本，你可以使用此代码
If you want to get the value, you can use this code for a select element with the id="selectBox"
If you want to get the text, you can use this code
问题不在于价值，而在于文本。
想象一下你有这样的东西：
并且你需要捕获文本。
所以对我来说，我尝试过使用 html (php)，并且
（来自 Delan Azabani）不起作用，但可以
工作，就像 HTML
令人惊讶的是，对于选择
this.text不起作用，而this.value起作用The question was not for the value but for the text.
Imagine you have something like :
And you need to catch the text.
So for me I have tried with html (php), and
(from Delan Azabani) doesn't work but
work, like this on HTML
<select ... onChange="upTVA(this.options[selectedIndex].text);">
It is still surprising that for a select
this.textdoes not work whilethis.valueworks应该为您提供所选项目的“显示”文本。
this.value，正如您所说，仅提供value属性的值。should provide you with the "displayed" text of the selected item.
this.value, like you said, merely provides the value of thevalueattribute.为了获取所选项目的值，您可以执行以下操作：
这里访问选择的不同
options，并使用SelectedIndex来选择所选项目，然后正在访问其文本。此处了解有关选择 DOM 的更多信息。
In order to get the value of the selected item you can do the following:
Here the different
optionsof the select are accessed, and theSelectedIndexis used to choose the selected one, then itstextis being accessed.Read more about the select DOM here.
请尝试这个代码：
Please try this code:
只需使用
$('#SelectBoxId option:selected').text();获取列出的文本$('#SelectBoxId').val();获取选定的索引值Just use
$('#SelectBoxId option:selected').text();For Getting text as listed$('#SelectBoxId').val();For Getting selected Index value