html表行获取单元格值

时间:2014-01-25 22:01:15

标签: javascript php html mysql

有人可以帮我解决将表格单元格中的数据插入MySQL数据库的问题吗?

我在html中显示表格的代码就是这个。我现在想要通过单击“插入”获取行内的值并提交到submituser.php。帮帮忙。

<?php
$sql=mysql_query("select * from tbluser");
while($row=mysql_fetch_array($sql)){
echo'<td>'.$row['name'].'</td>
<td>'.$row['address'].'</td>
<td>'.$row['$contact'].'</td>
<td><a href="submituser.php">Insert</a></td>
';
}

?>

输出是这样的:

| Name | Address | Contact | Action|
|myname|anywhere | 090231  | Insert|

在html中插入代码

<td><a href="submitdata.php">Insert</a></td>

submitdata.php必须拥有此代码

$query = insert into tbluser(name, address, contact) values('cellvalue1','cellvalue2','cellvalue3');

有谁知道怎么做?

1 个答案:

答案 0 :(得分:1)

使用JQuery的解决方案:

将表格单元格更改为:

<td class="nameCell">myname</td>
<td class="addressCell">anywhere</td>
<td class="contactCell">090231</td>
<td><a href="#" class="insertButton">Insert</a></td>

附加事件处理程序以处理javascript / jquery中的click事件:

$(".insertButton").click(function () {
    var name = $(this).parent().siblings(".nameCell").text();
    var address = $(this).parent().siblings(".addressCell").text();
    var contact = $(this).parent().siblings(".contactCell").text();

    //now call your api and pass the data
    $.post("submitdata.php", {
        name: name,
        address: address,
        contact: contact
    });

});