使用jQuery选择表行的值

Question

我有一个包含每行下拉列表的表。行没有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()); 
});

fiddle here

Answer 2

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

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

Answer 3

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