获取选择标记的显示值

Question

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

我想得到页面上显示的值...而不是选项标签

中显示的值

我对＆＃34; aktiv＆＃34;感兴趣不是＆＃34;有效＆＃34;

当我写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); 

Working example here

注意：您的<option>代码应使用</option>

关闭

Answer 3

var element = document.getElementById（“kamal”）; var selectedValue = element.options [element.selectedIndex]。 innerHTML;

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