如何获取Javascript选择框的选定文本

Question

这件事情很完美

<select name="selectbox" onchange="alert(this.value)">

但我想选择文字.我试过这种方式

<select name="selectbox" onchange="alert(this.text)">

它显示未定义.我找到了如何使用DOM来获取文本.但我想以这种方式做到这一点,我的意思就像使用this.value.

Answer 1

this.options[this.selectedIndex].innerHTML

应该为您提供所选项目的"显示"文本.this.value就像你说的那样,只提供了value属性的价值.

Answer 2

要获取所选项目的值,您可以执行以下操作:

this.options[this.selectedIndex].text

这里options访问了不同的select,并SelectedIndex用于选择所选的一个,然后text访问它.

在这里阅读有关选择DOM的更多信息.

Answer 3

请尝试以下代码:

$("#YourSelect>option:selected").html()

Answer 4

只是用

$('#SelectBoxId option:selected').text(); 用于获取列出的文本

$('#SelectBoxId').val(); 获取选定的索引值