如何获取表单域的选择部分的文本

2025-11-22 22:44:59

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、运行,调试。

如何获取表单域的选择部分的文本

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢