2 david liu 1 david_liu_1 于 2016.03.14 10:33 提问

Java入门新人求助:Js中表格如何实现保存删除这两个功能?请举例说明

做了一个网页,具有登录功能,其中welcome.jsp为登陆成功后的页面,
那么问题来了,我新建了一个表格,如何让这个表格可以进行保存删除这两种操作?
请举例说明,谢谢。

4个回答

u012470804
u012470804   2016.03.14 11:40
已采纳

JS:
function del(r) {
var i = r.parentNode.parentNode.rowIndex;
alert(r.parentNode.parentNode.rowIndex);
document.getElementById("testTable").deleteRow(i);
}

del
zhang 2222 del

我这只是很粗糙简单的举例删除而已,保存的话根据自己需求写吧(和删除差不多一样).

f445239051
f445239051   2016.03.14 10:43

将数据提交到后台,不知道你后台程序用的什么技术

david_liu_1
david_liu_1 回复佳君德怀恩帮子: servlet,我还没学框架呢。
2 年多之前 回复
f445239051
f445239051 回复david_liu_1: 我指的是你用的servlet还是类似于spring这样的框架
2 年多之前 回复
david_liu_1
david_liu_1 用myeclipse
2 年多之前 回复
wojiushiwo945you
wojiushiwo945you   Ds   Rxr 2016.03.14 11:15

首先,你是否了解Java Web基础知识呢,可以用最原始的Servlet也可以用框架如struts;其次,页面上记录的删除操作无非就是一个js点击事件,指向一个后台的Servlet或者action,提交请求给服务器,完成数据的删除操作。

Royal_lr
Royal_lr   Ds   Rxr 2016.03.14 11:40

保存就是将数据插到数据库就行了,,删除一般是传一个id属性,,,然后到数据库删除就行了,,

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
JS实现动态表格的新增,修改,删除操作
1.  首先在页面中配置好一个表格框架 新增参数: 参数列表: 参数名称: 参数编码: 参数值: 操作
Html+js实现表格可编辑,并能动态添加删除行
功能描述:单击页面使单元格td变成可编辑状态,输入内容后,当单元格失去焦点时,保存输入的内容。 点击增加行,在table的末尾增加一行;点击删除行,删除table中最末尾的一行。       编辑表格数据 <!-- body,div,p,ul,li,font,span,td,th{
JS点击编辑内容并保存
一个标签,点击按钮使内容变成可编辑状态,然后使用保存数据
js实现表格的全选,反选,删除所选行以及隔行变色
Untitled Document                                        table{                     border:#249bdb 1px solid;                     width:500px;                     border-collapse:collapse;  
使用vuejs实现简单的图书增加删除功能
概要: 1、实现删除功能。 2、实现增加功能。 代码: css table,td{ border: 1px solid #ccc; border-collapse: collapse; } table,fieldset{ width: 1090px; margin:20px auto; text-align: center; } h
js实现表格的添加 删除 搜索和排序
js实现表格的增加 删除 排序 搜索
右击表格弹出编辑、删除框
前言       之前ITOO验收的时候,米老师看到考评系统上用到了右击表格弹出编辑、删除框的效果,要求所有系统都要实现。本想着之前留下有文档,应该会比较容易实现,可是文档里的看着就好费劲,实现起来就更难了。所以想着用一个比较简便的方法实现这个效果,后面听到李卫中用了一个比较简单的方法实现这个效果,看了一下他写的博客,其实我还有些不懂,把他叫过来给我讲讲。看到他调代码的过程,对于这个方法的实现才
使用js实现表格增加与删除
new document window.onload = function(){ var mytr=document.getElementsByTagName('tr'); for (var i =0 ; i <mytr.length; i++) { newcolor(mytr[i]);
JS实现可编辑的表格单元格
JS实现可编辑的表格单元格JS实现可编辑的表格单元格JS实现可编辑的表格单元格JS实现可编辑的表格单元格JS实现可编辑的表格单元格JS实现可编辑的表格单元格
JS实现复选框的全选和批量删除功能
如图示: 功能描述:在勾选了全选时,所有的商品都会勾选,在取消全选时,取消所有物品的勾选。如果点击批量删除,删除所勾选的商品。<td align="center" width="12%" > <input type="checkbox" id="allChecks" onclick="ckAll()" /> 全选/全不选 </td>//全选 function ckAll(){