我用js和html做表格 想修改表格中已经添加的数据 并且在弹出窗口完成
<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
成功页面
<p>function get(event){<br> e=event.srcElement;<br> if(e.nodeName=="TD"){<br> txt="<input type='text' onblur='set(event)' size='5' value='"+e.innerHTML+"'/>";<br> e.innerHTML=txt;<br> e.firstChild.focus();<br> }<br> }<br> function set(event){<br> e=event.srcElement;<br> if(e.nodeName=="INPUT"){<br> txt=e.value;<br> e.parentNode.innerHTML=txt;<br> }<br> }</p> <p>function add(){</p> <p>var tr1=document.getElementById('itable').insertRow();<br> var c0=tr1.insertCell(0);<br> var c1=tr1.insertCell(1);<br> var c2=tr1.insertCell(2);<br> var c3=tr1.insertCell(3);<br> var c4=tr1.insertCell(4)<br> c0.innerHTML=document.getElementById("姓名").value;<br> c1.innerHTML=document.getElementById("年龄").value;<br> c2.innerHTML=document.getElementById("成绩").value;<br> c3.innerHTML="<input type='button' value='删除' onclick='del(this)'/>";<br> c4.innerHTML="<input type='button' value='修改' onclick='edit(this)'/>";<br> }<br> function del(r){<br> var i=r.parentNode.parentNode.rowIndex;<br> document.getElementById('itable').deleteRow(i);<br> }<br> function edit(d){<br> var q=d.parentNode.parentNode.rowIndex;</p> <p>}<br>
<!-- 表格添加删除javascript代码 -->
<br> table<br> {<br> border-collapse:collapse;<br> }</p> <p>table,th, td<br> {<br> border: 1px solid green;<br> }<br> table<br> {<br> width:50%;<br> }<br> th<br> {<br> height:30px;<br> }<br> td<br> {<br> text-align:center;<br> }<br>
信息表格
| 姓名 | 年龄 | 成绩 | 删除 | 修改 |
|---|
姓名:
年龄:
成绩:
求大神啊啊啊啊