javascript - 获取选择标签的显示值

Question

<select id="kamal">
<option value"ACTIVE">a<option>
<option value"DISABLED">b<option>
<option value"DELETED">c<option>
</select>

我想获取页面上显示的值..而不是选项标签中显示的值

我对“aktiv”感兴趣，而不是“ACTIVE”

当我写document.getElementById("kamal").value;然后选择的值出现在变量中。但我想要显示的值。

请帮助我如何获取这个值。

注意：通过使用下面给出的所有选项，它会给我所选选项的值，我想要所选选项的标签。我的意思是html页面上显示的值。

Answer 1

您正在寻找的解决方案是：

要获取值：

var element = document.getElementById("kamal");
var selectedValue = element.options[element.selectedIndex].value;

要获取文本：

var element = document.getElementById("kamal");
var selectedValue = element.options[element.selectedIndex].text;

编辑：

工作示例：

http://jsfiddle.net/n85tW/6/

Answer 2

尝试 ：

var sel = document.getElementById("kamal")
alert(sel.options[sel.selectedIndex].value); 

这里的工作示例

注意：您的<option>标签应以</option>

Answer 3

var element = document.getElementById("kamal"); var selectedValue = element.options[element.selectedIndex]。内部HTML；

这是我的问题的解决方案。