获取表格行数据td并选择

Question

这是我想要做的。

在第一行有TDS然后a = the text in the first cell和b = the selected value of the drop down that the user selected

我怎么做，因为我的代码不能正常工作？

$(document).ready(function() { 
    var s = $('table td:first').parents('tr'); 

    var a = s.eq(0).text(); 
    var b = s.eq(1).find('option:selected').val(); 

    alert(a + " " + b); 
}); 

<table> 
    <tbody> 
     <tr> 
     <th>ID</th> 
     </tr> 
     <tr> 
      <td> 
      test 
      </td> 
      <td> 
      <select> 
       <option value="yes">yes</option> 
       <option selected="selected" value="no">no</option> 
      </select> 
      </td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

工作演示http://jsfiddle.net/snU97/

休息随意玩耍，&希望它可以帮助您的需求:)

代码

$(document).ready(function() { 

    var s = $('table td:first').parents('tr'); 

    var a = s.find('td').eq(0).text();//s.eq(0).text(); 
    var b = s.find('td').eq(1).find('option:selected').val(); 

    alert(a + " " + b); 

});​ 

Answer 2

你也可以使用下面的代码

$（文件）。就绪（函数（）{

var s = $('table td:first'); 

var a = s.html(); 
var b = s.parents('tr').children().find('option:selected').val(); 

alert(a + " " + b); 

}）;

Answer 3

有一个选项：

<table> 
     <tbody> 
      <tr> 
       <th>ID</th> 
      </tr> 
      <tr> 
       <td> 
        test 
       </td> 
       <td> 
        <select id="mydropdown"> 
         <option value="yes">yes</option> 
         <option selected="selected" value="no">no</option> 
        </select> 
       </td> 
      </tr> 
     </tbody> 
    </table>​​​ 



$(document).ready(function() { 

    var s = $('table td:first'); 

    var a = s.text(); 
    var b = $("#mydropdown option:selected").text(); 

    alert(a + " " + b); 

});​