<%@ 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>
<table id="table1" border="1">
<tr>
<td id="1">固定显示</td>
<!-- 定义个div 标识点击数。N次点击,但是只执行一次document.create(from) -->
<td id="2" οnclick="send(this.id)"><div style="display: none; width: 10">0</div>点击输入</td>
<td id="3" οnclick="send(this.id)"><div style="display: none; width: 10">0</div>点击输入</td>
<td id="4" οnclick="send(this.id)"><div style="display: none; width: 10">0</div>点击输入</td>
<td id="5" οnclick="send(this.id)"><div style="display: none; width: 10">0</div>点击输入</td>
<td id="6" οnclick="send(this.id)"><div style="display: none; width: 10">0</div>点击输入</td>
</tr>
</table>
</body>
</html>