JQuery 获得select下option节点的文本值和value值

最新推荐文章于 2023-03-07 16:30:09 发布

小圣_fighting

最新推荐文章于 2023-03-07 16:30:09 发布

阅读量7.1k

点赞数 1

分类专栏：学习笔记

本文链接：https://blog.csdn.net/xie_xiansheng/article/details/56016666

版权

学习笔记专栏收录该内容

81 篇文章

订阅专栏

本文介绍了使用JQuery获取Select标签中被选中Option的文本和Value值的两种方法，并解释了当Option没有Value属性时JQuery的行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先，记得引入JQuery的js文件！

alert($("#sel option:selected").text());//方法一：获取select标签选中的option中的文本。  
alert($("#sel").find("option:selected").text());//方法二：获取select标签选中的option中的文本。  
                  
alert($("#sel option:selected").val());//方法一：获取select标签选中的option中的value的值。  
alert($("#sel").find("option:selected").val());//方法二：获取select标签选中的option中的value的值。  
  //------------------------------重点--------------------------------  
                  
  //当option是这样的：<option>cc</option>。即没有value属性的时候。自然也就没有value值。  
  //这时候jquery就很纠结：写了段代码让我拿value的值，可是找到的option中根本没有value属性。  
  //算了，把option中 的文本拿出来给你吧。  
  //所以当选中<option>cc</option>这个option的时候，你会发现上边四个alert出来的值是一样的。都是option中的文本。  
  //想要拿到option中的value的值，首先option得有value属性啊！！！