jQuery 如何获取table中某行下拉框中的值

[Doraemon1990]

我编写了一个每行都带下拉框和button的table，每行内容由数据库循环输出，如何获取某一行中下拉框选中的值？

				 	<%	 	 
				 	
				 	String res ="select * from item natural join result where item.item_id=result.item_id and user_id ="+sessionname;	

					ResultSet r = statement.executeQuery(res);
				 	
				 		while (r.next()) {
				 			String item = r.getString("name");
				 			int date = r.getInt("date");
				 			int rank =r.getInt("grade");
				 	%>
				 	<tr>
				 		<td><B><%=item %></B></td>
				 		<td align="center"><B><%=date  %></B></td>
				 		<td align="center"><B><%=rank %></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>

[slwsss]

$('tr:eq(1) select').val()

[fighting-ff]

生成table的时候，就给每个tr唯一的ID，在页面加载完之后，选出想要的Tr，之后不就简单了。。。。

[whqet]

从提交按钮出发吗，

$(this).parents('tr').children('select').val()

[Doraemon1990]

引用 1 楼 slwsss 的回复:

$('tr:eq(1) select').val()

不对啊

[Doraemon1990]

引用 3 楼 whqet 的回复:

从提交按钮出发吗，

$(this).parents('tr').children('select').val()

不行阿

[Doraemon1990]

引用 2 楼 i99121570 的回复:

生成table的时候，就给每个tr唯一的ID，在页面加载完之后，选出想要的Tr，之后不就简单了。。。。

可是每行的下拉框的名字是一样的，我怎么指定是哪一行呢？

[slwsss]

<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>

[Doraemon1990]

引用 7 楼 slwsss 的回复:

<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>

果然可以 謝謝了！

[虚心的小子]

你只要记住对于select来说，用Jquery取.val(),取的就是它当前选中项的值就OK了