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;

DEMO

Answer 2

Text looks good to me - 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;

（这是未经测试的，但你的回答应与此相似）

从下拉框中获取文本？

3 个答案: