A-A+

jquery获取select option选项val和text的值

2016年01月12日 前端设计 暂无评论 阅读 8 views 次

val和text的值意思是select的option的值,另一个text就是文本展示给我们看到的值了,这里看一个简单的例子,具体如下如。

获取select被选中项的文本:var item = $("select[@name=items] option[@selected]").text();

获取select被选中项的文本 :var item = $("select[name=items] option[selected]").text(); 或$("select[name=items]").find("option:selected").text();

下拉框select的value值: $('select').val();

下拉框select选中的text 值:$("select").find("option:selected").text();

例子:

  1. <!DOCTYPE html>  
  2. <html>  
  3.  <head>  
  4.   <meta charset="utf-8">  
  5.   <title>www.xiariboke.net</title>  
  6.  </head>  
  7.  <body>  
  8.   <select name="type" onchange="show_sub(this.options[this.options.selectedIndex].text)">      
  9.     <option value="0">请选择主类别</option>      
  10.     <option value="1">1111</option>      
  11.     <option value="2">22222</option>      
  12.  </select>    
  13.  </body>  
  14. </html>  
  15. <script>       
  16.     function show_sub(v){       
  17.         alert(v);       
  18.     }       
  19. </script>  

上面例子就是当我们onchange改变select时就获取选中option的值了。

标签:

给我留言