从下拉框中获取文本

Question

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

document.getElementById('newSkill').value

但是,我无法找到下拉菜单当前显示的文本所需的属性.我尝试了"文本",然后看了W3Schools,但没有答案,这里有人知道吗？

对于那些不确定的人,这是下拉框的HTML.

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

Answer 1

根据您的示例HTML代码,这是获取当前所选选项的显示文本的一种方法:

var skillsSelect = document.getElementById("newSkill");
var selectedText = skillsSelect.options[skillsSelect.selectedIndex].text;

Answer 2

您可以使用Jquery而不是Javascript

$("#yourdropdownid option:selected").text();

试试这个.

Answer 3

这应该返回所选值的文本值

var vSkill = document.getElementById('newSkill');

var vSkillText = vSkill.options[vSkill.selectedIndex].innerHTML;

alert(vSkillText);

道具:@Tanerax用于阅读问题,了解所询问的内容并在其他人发现之前回答.

编辑:DownModed,因为我实际上完全读了一个问题,并回答了它,这是一个悲伤的世界.

Answer 4

document.getElementById('newSkill').options[document.getElementById('newSkill').selectedIndex].value 

应该管用