Question

jquery 获取checkbox选中行的下拉列表的值

想通过jquery 获取到选中行的 姓名和下拉列表中的年龄值，怎么写？

<table>
<tr>
<td ><input name="sel_ser" type="checkbox" value="" /></td>
<td >张三</td>
<td >
<select name="sel_age1" >
<option value="">--请选择年龄--</option>
<option value="">10-20</option>
<option value="">20-30</option>
<option value="">30-40</option>
</select>
</td>
</tr>
<tr>
<td ><input name="sel_ser" type="checkbox" value="" /></td>
<td >李四</td>
<td > <select name="sel_age2" >
<option value="">--请选择版本号--</option>
<option value="">1.0.87</option>
<option value="">1.0.86</option>
<option value="">1.0.85</option>
<option value="">1.0.84</option>
<option value="">1.0.83</option>
</select></td>
</tr>
</table>

Answer 1

$(function() {
    $(":checkbox").click(function() {
        if($(this).is(":checked")) {
            var name = $(this).parent().next().text();
            var age = $(this).parent().parent()
                .find("select option:selected").text();
            alert(name + " " + age);
        }
    });
});

注意，你的 option 的 value 全部为空，所以我用 text() 代替的，实际上 age 应该使用 val() 来获取 option 的值。

Answer 2

$("input[name='sel_ser']:checked").parent().next().next().find("select option:selected").val()