可编辑的table. 添加数据，修改数据。稍加修改就可以部署到ajax 动态表格中-CSDN博客

本文链接：https://blog.csdn.net/tujiazu/article/details/5106401

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">

function send(obj_id){
var obj=document.getElementById(obj_id);
var obj2=obj.firstChild;
    if(obj2.innerText=="0"){
            var form1=document.createElement("<form οnsubmit='ajax2(this)'>");
            var input1=document.createElement("<input type='text' name='data'>");
                form1.appendChild(input1);
                obj.appendChild(form1);

               obj2.innerText="1";
               // obj2.innerHTML="1";

    }

    }

function ajax2(obj){
var form1=obj;
var v=form1.data.value;
var p=form1.parentNode;
p.innerHTML="<font color='red' οnclick='modify(this)'>"+v+"</font>"; // 放到td 中，此处也可以传递进ajax
// 放到对应的td中

}
function modify(obj){
var modify=obj;
var old=modify.innerText;
modify.innerHTML="<font color='blue'>"+old+"</font>";
alert("确定要修改么");
modify.innerHTML="<font color='blue'></font>";// 清空内容
var form1=document.createElement("<form οnsubmit='ajax2(this)'>");
    var input1=document.createElement("<input type='text' name='data' value="+old+">");
    form1.appendChild(input1);
    modify.parentNode.appendChild(form1);

}


</script>
<body>