从下拉框中获取文本

时间:2020-03-05 18:38:36  来源:igfitidea点击:

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

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>

解决方案

回答

这会得到正确的答案吗?

document.getElementById("newSkill").innerHTML

回答

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

应该管用

回答

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

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

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

alert(vSkillText);

道具:@Tanerax,用于阅读问题,知道所提出的问题并在其他人弄清楚之前就回答它。

编辑:DownModed,因为我实际上已经完全阅读了一个问题,并回答了这个问题,这真是令人难过。

回答

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

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