如何获取表单域的选择部分的文本
1、jquery方法
2、你可以使用 option:selected 获得选择元素的option选项,然后使用text()方法。
3、代码:
<script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
<select name="newSkill" id="newSkill">
<option value="1">Volvo</option>
<option value="2" selected="selected">Saab</option>
<option value="3">Mercedes</option>
</select>

4、然后控制台,查看结果:
console.log($("select option:selected").text());

1、javascript方法实现
2、基于例子中的html代码,可以使用以下方法实现:
3、var skillsSelect = document.getElementById("newSkill");
var selectedText = skillsSelect.options[skillsSelect.selectedIndex].text;
通获
4、options(index)或options.item(index)通过索引获取options集合
selectedIndex 返回被选中的选项的下标
5、完整代码:
<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
function getValue(){
var skillsSelect = document.getElementById("newSkill");
var selectedText = skillsSelect.options[skillsSelect.selectedIndex].text;
alert(selectedText);
}
</script>
<select name="newSkill" id="newSkill" onclick="getValue(this)">
<option value="1">Volvo</option>
<option value="2" selected="selected">Saab</option>
<option value="3">Mercedes</option>
</select>
</body>
</html>

6、运行,调试。
