日期:2014-05-16  浏览次数:20350 次

用jquery做点击按钮之后如何获取鼠标所选择的某一行的所有值并存入数据库
一个表格,里面的数据是从数据库里面查出来的,我可以编辑修改这些查出来的数据。在表格的每一行有一个按钮 首先我的鼠标移到表格的其中一行点击了一下 然后再去点击这一行的按钮 希望点击之后这个按钮之后能获取我刚才选择的那一行的所有数据,然后把这些数据存入数据库。 请问该怎么做?

------解决方案--------------------
JScript code

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script type="text/javascript" src="scripts/lib/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var id = "tb";
            var tr = $("#" + id + " table tbody tr");
            tr.each(function (i) {
                tr.eq(i).bind("click", function () {
                    alert(tr.eq(i).text());
                });
            });
        });
    </script>
</head>
<body>

    <input type="button" id="delTr" value="删除行" />
    <div id="tb">
        <div>
            <table style="width: 300px; height: 30px; border-top: 1px solid red; border-left: 1px solid red">
                <tbody>
                    <tr">
                        <td style="border-right: 1px solid red; border-bottom: 1px solid red">1</td>
                        <td style="border-right: 1px solid red; border-bottom: 1px solid red">第一条</td>
                        
                    </tr>
                    <tr>
                        <td style="border-right: 1px solid red; border-bottom: 1px solid red; height: 30px;">2</td>
                        <td style="border-right: 1px solid red; border-bottom: 1px solid red; height: 30px;">第二条</td>
                        
                    </tr>
                    <tr>
                        <td style="border-right: 1px solid red; border-bottom: 1px solid red; height: 30px;">3</td>
                        <td style="border-right: 1px solid red; border-bottom: 1px solid red; height: 30px;">第三条</td>
                        
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>
</html>