从下拉框中获取文本
时间: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;