我如何获得选定选项的值（如显示的值不是值=“”）

Question

我有一个选择，我试图检索当前选定选项的显示值，我不是指平均值= “”或.val() 让说，这是我的选择

<select id="name" > 
<option value="">select all</option> 
<option selected="selected" value="1">Text 1</option> 
<option value="2">Text 2</option> 
<option value="3">Text 3</option> 
</select> 

可以说我试图检索当前所选择的选定值“文本1”

我已经试过

$('#name').text(); 

但是，这会返回所有4个选项的文本。

有没有更好的方法？

Answer 1

就这么简单：

$("#name > option:selected").text(); 

还是在纯JavaScript：

var selEl = ​document.getElementById("name")​​, 
    selText = selEl.options[selEl.selectedIndex].innerHTML; 

console.log(selText); 

Answer 2

$('option:selected', '#name').text(); 

Answer 3

我想说$($('#name')[0].options[$('#name')[0].selectedIndex]).text();应该给你你想要的。至少，如果你放弃了.text位，它返回一个jQuery对象引用所选择的选项节点

Answer 4

你需要操纵其.selectedIndex属性是这样的：

var node = document.getElementById('name'), val; 

node.onchange = function() { 

    val = this[ this.selectedIndex ].value; 

}; 

val将持有的元素的value那当前被选中。

Answer 5

大概你正在使用JQuery。你应该能够做到：

$("#name").children("[selected]").text();