关于javascript：从下拉框中获取文本

Getting the text from a drop-down box

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

1	document.getElementById('newSkill').value

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

对于那些不确定的人，这里是下拉框的HTML。

1
2
3
4
5

<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>

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

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

只需使用Jquery而不是Javascript

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

尝试这个。

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

1
2
3
4
5

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

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

alert(vSkillText);

道具：@Tanerax，用于阅读问题，了解所提出的问题并在其他人弄清楚之前回答它。

编辑：DownModed，因为我实际上完全阅读了一个问题，并回答了它，这真是令人难过的世界。

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

应该管用

这项工作我自己尝试过，我以为我将它发布在这里，以防有人需要它...

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

1
2
3
4
5
6
7

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片段

1
2
3

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

将更改事件附加到select上，该事件获取每个所选选项的文本并将其写入div中。

您可以非常有效地使用jQuery，而且易于使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<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>

$("select").change(function () {
var str ="";

$("select option:selected").each(function() {
str += $( this ).text() +"";
});

$("div" ).text( str );
}).change();

这会得到正确的答案吗？

1	document.getElementById("newSkill").innerHTML

这是一个简单快捷的方法

1	document.getElementById('elementID').selectedOptions[0].innerHTML

请尝试以下操作，这是最简单的方法，并且效果很好

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

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

1
2
3
4
5
6
7

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)};
}
}