js获取select标签选中的值

最新推荐文章于 2025-03-21 10:00:00 发布

兵_哥哥

最新推荐文章于 2025-03-21 10:00:00 发布

阅读量552

点赞数

分类专栏：页面js验证

21 篇文章

订阅专栏

本文介绍了如何使用jQuery选择器来获取HTML元素的状态，并通过事件处理实现交互功能。重点讲解了如何获取select标签中被选中的值，以及点击按钮时触发相应事件的方法。

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

 
 <
 script 
 src
 =
 "http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"
 >

 
 </
 script
 >

 
 <
 table
 >   <
 tr
 >

 
                          
 <
 td
 ><
 B
 >11111</
 B
 ></
 td
 >

 
                          
 <
 td 
 align
 =
 "center"
 ><
 B
 >2222</
 B
 ></
 td
 >

 
                          
 <
 td 
 align
 =
 "center"
 ><
 B
 >3333</
 B
 ></
 td
 >

 
                          
 <
 td 
 class
 =
 "result"
 > 

 
                          
 <
 select 
 id
 =
 "grade"
 >

 
                               
 <
 option 
 value ="1">1</
 option
 >

 
                               
 <
 option 
 value ="2">2</
 option
 >

 
                               
 <
 option 
 value
 =
 "3"
 >3</
 option
 >

 
                               
 <
 option 
 value
 =
 "4"
 >4</
 option
 >

 
                               
 <
 option 
 value
 =
 "5"
 >5</
 option
 >

 
                         
 </
 select
 ></
 td
 >

 
                          
 <
 td
 ><
 B
 ><
 input 
 type
 =
 "button" 
 class
 =
 "btn"  
 value
 =
 "提交"
 /></
 B
 ></
 td
 >

 
   
 </
 tr
 > <
 tr
 >

 
                          
 <
 td
 ><
 B
 >11111</
 B
 ></
 td
 >

 
                          
 <
 td 
 align
 =
 "center"
 ><
 B
 >2222</
 B
 ></
 td
 >

 
                          
 <
 td 
 align
 =
 "center"
 ><
 B
 >3333</
 B
 ></
 td
 >

 
                          
 <
 td 
 class
 =
 "result"
 > 

 
                          
 <
 select 
 id
 =
 "grade"
 >

 
                               
 <
 option 
 value ="1">1</
 option
 >

 
                               
 <
 option 
 value ="2">2</
 option
 >

 
                               
 <
 option 
 value
 =
 "3"
 >3</
 option
 >

 
                               
 <
 option 
 value
 =
 "4"
 >4</
 option
 >

 
                               
 <
 option 
 value
 =
 "5"
 >5</
 option
 >

 
                         
 </
 select
 ></
 td
 >

 
                          
 <
 td
 ><
 B
 ><
 input 
 type
 =
 "button" 
 class
 =
 "btn"  
 value
 =
 "提交"
 /></
 B
 ></
 td
 >

 
   
 </
 tr
 > <
 tr
 >

 
                          
 <
 td
 ><
 B
 >11111</
 B
 ></
 td
 >

 
                          
 <
 td 
 align
 =
 "center"
 ><
 B
 >2222</
 B
 ></
 td
 >

 
                          
 <
 td 
 align
 =
 "center"
 ><
 B
 >3333</
 B
 ></
 td
 >

 
                          
 <
 td 
 class
 =
 "result"
 > 

 
                          
 <
 select 
 id
 =
 "grade"
 >

 
                               
 <
 option 
 value ="1">1</
 option
 >

 
                               
 <
 option 
 value ="2">2</
 option
 >

 
                               
 <
 option 
 value
 =
 "3"
 >3</
 option
 >

 
                               
 <
 option 
 value
 =
 "4"
 >4</
 option
 >

 
                               
 <
 option 
 value
 =
 "5"
 >5</
 option
 >

 
                         
 </
 select
 ></
 td
 >

 
                          
 <
 td
 ><
 B
 ><
 input 
 type
 =
 "button" 
 class
 =
 "btn"  
 value
 =
 "提交"
 /></
 B
 ></
 td
 >

 
   
 </
 tr
 ></
 table
 >

 
 <
 input 
 type
 =
 "button" 
 value
 =
 "获取" 
 onclick
 =
 "alert('第2行select：'+$('table tr:eq(1) select').val())"
 />

 
 <
 script
 >

 
   
 $('.btn').click(function(){alert($(this).parents('tr').find('select').val())})

</script>

-----------------------------***********************************************************--------------------------------

var obj = document.getElementByIdx_x(”testSelect”); //定位id

var index = obj.selectedIndex; // 选中索引

var text = obj.options[index].text; // 选中文本

var value = obj.options[index].value; // 选中值

jQuery中获得选中select值

第一种方式
$('#testSelect option:selected').text();//选中的文本

$('#testSelect option:selected') .val();//选中的值

$("#testSelect ").get(0).selectedIndex;//索引

第二种方式
$("#tesetSelect").find("option:selected").text();//选中的文本
…….val();
…….get(0).selectedIndex;