2 t1240963024 t1240963024 于 2014.08.04 09:19 提问

我用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==&quot;TD&quot;){<br> txt=&quot;<input type='text' onblur='set(event)' size='5' value='"+e.innerHTML+"'/>&quot;;<br> e.innerHTML=txt;<br> e.firstChild.focus();<br> }<br> }<br> function set(event){<br> e=event.srcElement;<br> if(e.nodeName==&quot;INPUT&quot;){<br> txt=e.value;<br> e.parentNode.innerHTML=txt;<br> }<br> }</p> <p>function add(){</p> <p>var tr1=document.getElementById(&#39;itable&#39;).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(&quot;姓名&quot;).value;<br> c1.innerHTML=document.getElementById(&quot;年龄&quot;).value;<br> c2.innerHTML=document.getElementById(&quot;成绩&quot;).value;<br> c3.innerHTML=&quot;<input type='button' value='删除' onclick='del(this)'/>&quot;;<br> c4.innerHTML=&quot;<input type='button' value='修改' onclick='edit(this)'/>&quot;;<br> }<br> function del(r){<br> var i=r.parentNode.parentNode.rowIndex;<br> document.getElementById(&#39;itable&#39;).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>




信息表格









姓名 年龄 成绩 删除 修改

姓名:
年龄:
成绩:



求大神啊啊啊啊

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
原生JavaScript实现列表/表格的增删查改
原生JavaScript实现表格的增删查改
用Javascript实现对HTML表格简单的增删查改
在网页制作的过程中,有时候需要对表格进行操作,下面是一个简易的表格操作方案:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>对表格操作</title> <style type="text/css"> *{ padding:0px; margn:0px; } table#stuRecordT
html实现数据的增删查改
关于数据的修改,保存,添加,删除     一,要求:   做出一个表格,在表格中完成数据的添加,删除,修改,排序,以及重复检查。 二,实现过程   在做这个实验是在老师把表格给弄好后,以及完成表格的删除行和添加数据的基础上实现的。其中我自己完善的有关于数据的保存,修改,和如果当有序号重复时,其会报错,也就是这个程序是以序号不重复为标准进行其他的操作。运用了onclick的事件响应,通过
Html+js实现表格可编辑,并能动态添加删除行
功能描述:单击页面使单元格td变成可编辑状态,输入内容后,当单元格失去焦点时,保存输入的内容。 点击增加行,在table的末尾增加一行;点击删除行,删除table中最末尾的一行。       编辑表格数据 <!-- body,div,p,ul,li,font,span,td,th{
jQuery中实现表格的增、删、改操作
本实例实现的是在jQuery中通过按钮的形式,对表格进行的一些基本操作,可以实现表格的增删改操作,并实现对鼠标事件监听,实现表格的高亮行操作。 <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.8.3.js"></script> <script type="text/ja
js实现表格添加数据
js实现表格添加数据 HTML代码: Title function add(){ var tab=$("#tab"); var userId=$("#userId").value; var userName=$("#userName").value;
Html中JavaScript对表格的控制,行和列的增删
初学者,如若有错的地方欢迎指正,定当虚心听教。 以下为例子: 第一行第一列 第一行第二列 第二行第一列 第二行第二列 function add() { var getTable = document.getElementById("tables"); var addRow = getTable.insertRow(); var
如果需要修改表格,在eclipse 中需要做什么操作
第一,找到 server.properties 这个文件。双击  找到 将Values 的值修改为 update  。然后进行表格的修改,比如列名,长度的修改。修改过后,需要重新启动服务。。。。即可看到修改后的效果。
动态添加修改删除html表格内容
1.需求需要实现收银台上添加修改删除商品信息时顾显可以实时看到其变化2.解决收银台和顾显通过tcp传输进行数据通信,顾显通过操作html中的表格进行数据添加修改和删除操作3.代码mytest.html<html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Dynamic Table
通过js为html动态创建表格
$(function () { $.ajax({ type: "POST",     url: "../sys/sysMessage/messageList",     data: "",     success: function(r){     initList(r);     } }); }); function initList(r){ debugger;