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

 时间:2026-02-14 16:14:39

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

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

  • 项目导入myeclipse报错解决办法
  • HBuilder X在4K显示器怎么设置窗口字体大小?
  • 什么是摩尔定律?该定律是否永远生效?为什么
  • 小程序底部导航栏如何制作
  • jsp页面如何查看列表列表
  • 热门搜索
    dnf职业大全 香港电视剧大全 兔子简笔画图片大全 小孩近视眼怎么恢复 纱窗怎么装 爱奇艺怎么下载电影 怎么追狮子座女生 童年时光怎么样 郭冬临冯巩小品大全 海马汽车质量怎么样