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/