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

jqueryjavascript

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

生成table的时候，就给每个tr唯一的ID，在页面加载完之后，选出想要的Tr，之后不就简单了。
从提交按钮出发吗，$(this).parents('tr').children('select').val()
<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了