javascript - 从下拉框中获取文本？

Question

这将获取在我的下拉菜单中选择的任何值。

document.getElementById('tester').value

但是，我无法找出下拉菜单当前显示的文本要使用的属性。我尝试了“文本”然后查看了 W3Schools 但没有答案，这里有人知道吗？

对于那些不确定的人，这里是下拉框的 HTML。

<select name="tester" id="tester">
    <option value="1">A skill</option>
    <option value="2">Another skill</option>
    <option value="3">Yet another skill</option>
</select>

谢谢

Answer 1

尝试

var tester = document.getElementById('tester');
var text = tester.options[​​​tester.selectedIndex].innerHTML​;

演示

Answer 2

文本对我来说看起来不错 - jsFiddle

$('#tester').on('change', function(){
    console.log($('option:selected', this).text()); 
});​

Answer 3

我想你想要这样的东西：

var d = document.getElementById('tester');
var selected_text = d.options[d.selectedIndex].text;

（这是未经测试的，但你的答案应该与此类似）