javascript - 我如何获得所选选项的值(如显示值而不是值 ="")

Question

我有一个选择，我正在尝试检索当前所选选项的显示值，我的意思不是 value=""或 .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);