从下拉框中获取文本

这将得到我的下拉菜单中select的任何值。

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

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

 var vSkill = document.getElementById('newSkill'); var vSkillText = vSkill.options[vSkill.selectedIndex].innerHTML; alert(vSkillText); 

道具：@Tanerax阅读这个问题，知道什么被问及在别人想出来之前回答。

编辑：DownMode，因为我实际上完全读了一个问题，并回答它，这是悲伤的世界。

Answer 3

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

应该pipe用

Answer 4

这个作品我试了我自我我以为我发布在这里，以防万一有人需要它…

 document.getElementById("newSkill").options[document.getElementById('newSkill').selectedIndex].text; 

Answer 5

将更改事件附加到select，获取每个选定选项的文本，并将它们写入div。

你可以使用jQuery，它非常正面，成功和易于使用

 <select name="sweets" multiple="multiple"> <option>Chocolate</option> <option>Candy</option> <option>Taffy</option> <option selected="selected">Caramel</option> <option>Fudge</option> <option>Cookie</option> </select> <div></div> $("select").change(function () { var str = ""; $("select option:selected").each(function() { str += $( this ).text() + " "; }); $( "div" ).text( str ); }).change(); 

Answer 6

简单的你可以使用JQuery而不是Javascript

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

尝试这个。

Answer 7

这是否得到正确答案？

 document.getElementById("newSkill").innerHTML 

Answer 8

  var ele = document.getElementById('newSkill') ele.onchange = function(){ var length = ele.children.length for(var i=0; i<length;i++){ if(ele.children[i].selected){alert(ele.children[i].text)}; } } 

Answer 9

 var selectoption = document.getElementById("dropdown"); var optionText = selectoption.options[selectoption.selectedIndex].text; 

Answer 10

请尝试下面这是最简单的方法，它完美的作品

 var newSkill_Text = document.getElementById("newSkill")[document.getElementById("newSkill").selectedIndex]; 

Answer 11

 function getValue(obj) { // it will return the selected text // obj variable will contain the object of check box var text = obj.options[obj.selectedIndex].innerHTML ; } 

HTML片段

  <asp:DropDownList ID="ddl" runat="server" CssClass="ComboXXX" onchange="getValue(this)"> </asp:DropDownList>