从下拉框中获取文本？ [复制]答案

【问题标题】：Obtaining the text from a drop-down box? [duplicate]从下拉框中获取文本？ [复制]
【发布时间】：2012-10-25 21:03:31
【问题描述】：

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

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>

谢谢

【问题讨论】：

用于 jQuery 结帐http://stackoverflow.com/questions/1643227/jquery-get-selected-text-from-dropdownlist。对于纯 JavaScript，请查看 stackoverflow.com/questions/5913/…。

标签： javascript jquery dom client-side-scripting

【解决方案1】：

试试

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

DEMO

【讨论】：

谢谢你，这就是我一直在寻找的很棒的好作品和非常快的回报！
一个option DOM 对象确实有一个text 属性，所以.text 也应该在这里工作：var text = tester.options[tester.selectedIndex].text;

【解决方案2】：

Text looks good to me - jsFiddle

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

【讨论】：

【解决方案3】：

我想你想要这样的东西：

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

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

【讨论】：