jQuery实现表格双击修改可保存,取消放弃保存

实现表格双击可修改,修改后保存按钮提交,取消则不提交。

表格代码:

序号 标题 内容
1 你好 你好
2 试试 试试

实现表格中td都可以修改(th不做修改), JS代码(这部分代码与table代码在同一个页面):



传递这个表格的对应的第一个序号为thisid,新输入的内容为thisvalue,表格对应的属性id为thisclass,将这些参数传递到Update.php:

0){
    $thisclass=str_replace(" ","",$thisclass);
}
if (substr_count($thisclass,"input")>0){
    $thisclass=str_replace("input","",$thisclass);
}
$update_sql = "update Build_Data set $thisclass='$thisvalue' where Build_Id='$id'";
if (!mysqli_query($dbc,$update_sql)) {
    printf ("Error Message: %s\n", mysqli_error($dbc));
}
?>

你可能感兴趣的:(jQuery实现表格双击修改可保存,取消放弃保存)