jquery - 使用 jQuery 选择表格行的值

Question

我有一个表格，每行都包含下拉列表。Rows 没有 id 属性。因此，由于 row 没有 id 属性，我如何获取下拉列表的选定项和相应的 ID 列的值。例如，如果我从第一行中选择一个项目，我想要项目的值和 ID 列的值，即 204。

这是上表的html代码

 <table class="table-1 gapmb40">
    <thead>
        <tr>
            <th>
                Status
            </th>
            <th>
                <a class="sortable" href="">Featured</a>
            </th>
            <th>
            </th>
            <th>
                <a class="sortable" href="">Date Modified</a>
            </th>
            <th>
            </th>
            <th>
                ID
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <select class="input-2" name="2">
                    <option value="New">New</option>
                    <option selected="selected" value="Live">Live</option>
                    <option value="AccountOnly">AccountOnly</option>
                    <option value="Hide">Hide</option>
                    <option value="Suspended">Suspended</option>
                </select>
            </td>
            <td>
                <a href="">Feature</a>
            </td>
            <td>
                <a href="">View</a>
            </td>
            <td>
                07/03/2013
            </td>
            <td style="display: none">
                <a href="">LogOnAs</a>
            </td>
            <td>
                204
            </td>
        </tr>
    </tbody>
</table>

Answer 1

给你所有的选择框一个类...说selectClass并使用jquery类选择器。

尝试这个

 $('.selectClass').change(function(e){
     alert($(this).val()); //gives you the selected value
     alert($(this).parents('tr').find('td:eq(5)').text()); //gives you the related TD which is 4th column and gets its text

     //or
     alert($(this).closest('tr').find('td:eq(5)').text()); 
});

在这里摆弄

Answer 2

<select onchange=sel_change(this.value,'<%=id%>');></select>

所以在 javascript 函数中，您可以获得所选项目的值和该行的 id

<script>

    function sel_change(item,id){
        alert("selected item "+item+"from the id "+id);
    }

</script>

Answer 3

如果你有表ID，那么你可以试试这个..

$("#tbltable tr").click(function() {
    var selectedText = $(this).find('select :selected').text();
    var columnID = this.cells[4].innerHTML.toString();
    alert(selectedText + " , " + columnID);
 });