如何获取所选选项的值（如显示值而非值=“”）

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

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

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

Answer 4

我会说$($('#name')[0].options[$('#name')[0].selectedIndex]).text(); 应该给你你想要的东西。 至少，如果删除.text位，它将返回引用所选选项节点的jQuery对象

Answer 5

你需要像这样操纵它的.selectedIndex属性：

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

node.onchange = function() {

    val = this[ this.selectedIndex ].value;

};

val将保存当前所选元素的value 。