急！动态表格删除有问题，请高手帮助！

amwmyd 2005-06-03 04:06:41
代码如下，本来想逐行删除，但也有问题。请高手帮助解决一下。非常感谢。

<script language = "javascript">

function getTable() {
return document.getElementById("testid");
}
function getTable2() {
return document.getElementById("testid2");
}
function conf(){
if(confirm('确认删除项目？')){
deleteRow(this);
}
}
function addRow() {

var tbl = getTable();
var tb2 = getTable2();

var cell0_html = '<input type="hidden" name="aa">';

var cell1_html = '<input type=\"text\" class=\"input1\" name=\"startIpValue\" value=\"\"> ';

var cell02_html = '<input type="hidden" name="aa">';

var cell12_html = '<input type=\"text\" class=\"input1\" name=\"endIpValue\" value=\"\"> ';

var row;
var row2;
var cell;
var cell2;
// add new row after the last row -- TR
row = tbl.insertRow(tbl.rows.length);
row2 = tb2.insertRow(tb2.rows.length);
// create a cell for the new row -- TD
cell = tbl.rows.item(tbl.rows.length - 1).insertCell(0);
cell.innerHTML = cell0_html;

cell2= tb2.rows.item(tb2.rows.length - 1).insertCell(0);
cell2.innerHTML = cell02_html;

cell = tbl.rows.item(tbl.rows.length - 1).insertCell(1);
cell.innerHTML = cell1_html;

cell2 = tb2.rows.item(tb2.rows.length - 1).insertCell(1);
cell2.innerHTML = cell12_html;


var rowIdx = tbl.rows.length -1 ; // first row -- 0
var rowIdx2 = tb2.rows.length -1 ; // first row -- 0
// store the row index into the related row
// row's first cell's first child -- refer to "<a href=#"
tbl.rows.item(tbl.rows.length-1).cells.item(0).children.item(0).text = rowIdx;
tb2.rows.item(tb2.rows.length-1).cells.item(0).children.item(0).text = rowIdx2;
// alert("rowIdx="+rowIdx);
}

function deleteRow(x) {
var tbl = getTable();
var tb2 = getTable2();
// delete the row by row index
x.text=tbl.rows.length-1;
tbl.deleteRow(x.text.valueOf());
tb2.deleteRow(x.text.valueOf());
// refresh the row index
for (var j = 1; j < tbl.rows.length; j++)
tbl.rows.item(j).cells.item(0).children.item(0).text=j;

for (var w = 1; w < tb2.rows.length; w++)
tb2.rows.item(w).cells.item(0).children.item(0).text=w;
}

function refreshIndex() {
// refresh the row index
for (var j = 1; j < tbl.rows.length; j++)
// tb1.rows[j].childNodes[0].innerText=j;
tbl.rows.item(j).cells.item(0).children.item(0).text=j;

for (var w = 1; w < tb2.rows.length; w++)
//tb2.rows[w].childNodes[0].innerText=w;
tb2.rows.item(w).cells.item(0).children.item(0).text=w;
}


</script>
<table width="60%" border="0" align="center" cellpadding="0" cellspacing="0" class="table-search">
<tr>
<td height="89">
<form name="form1" method="post" action="/system/ip/add.shtml">
<TABLE width="43%" height="48" align="center">

<TR>
<TD width="47%"> <table width="100%" id="testid" border=0>

<tr>
<td></td>
<td><input name="startIpValue" type="text" class="input1" value="192.12.12.12
"></td>
</tr>

<tr>
<td></td>
<td><input name="startIpValue" type="text" class="input1" value="192.12.12.12
"></td>
</tr>

<tr>
<td></td>
<td><input name="startIpValue" type="text" class="input1" value="192.12.12.12
"></td>
</tr>
</table></TD>
<TD width="67%"> <table width="100%" id="testid2" border=0>

<tr>
<td width="14%" >~~~~~~~~</td>
<td width="86%"><input name="endIpValue" type="text" class="input1" id="endIpValue" value="192.12.12.122
"></td>
</tr>

<tr>
<td width="14%" >~~~~~~~~</td>
<td width="86%"><input name="endIpValue" type="text" class="input1" id="endIpValue" value="192.12.12.129
"></td>
</tr>

<tr>
<td width="14%" >~~~~~~~~</td>
<td width="86%"><input name="endIpValue" type="text" class="input1" id="endIpValue" value="192.12.12.127
"></td>
</tr>
</table></TD>
</TR>


</TABLE>
<TABLE width="42%" align="center">
<TR>
<TD width="47%" align="center"><INPUT TYPE="button" value="add" onclick="addRow()">
</TD>
<td width="53%" align="center"><INPUT TYPE="submit" value="save" >
</td>
<td width="53%" align="center"><INPUT TYPE="button" value="delete" onclick="if(confirm('确认删除项目？')) {deleteRow(testid);} "></td>
</TR>
</TABLE>
</form></td>
</tr>
</table>
...全文
95 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
amwmyd 2005-07-16
  • 打赏
  • 举报
 回复
问题已解决,非常感谢.
springwood 2005-06-03
  • 打赏
  • 举报
 回复
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<TABLE id="tbDetailUsed">
<tr>
<td><input type="text" name="a" size=2 ></td>
<td><input type="text" name="b" size=2 ></td>
<td><input value="add" id="add" onclick="addDetailProcess()" type=button></td>
<td><input value="del" id="del" onclick="delDetailProcess()" type=button></td>
</tr>
<tr>
<td><input type="text" name="a" size=2 ></td>
<td><input type="text" name="b" size=2 ></td>
<td><input value="add" id="add" onclick="addDetailProcess()" type=button></td>
<td><input value="del" id="del" onclick="delDetailProcess()" type=button></td>
</tr>

</TABLE>
<SCRIPT LANGUAGE="JavaScript">
<!--


function addDetailProcess()
{
var crrentrow = event.srcElement.parentNode.parentNode.rowIndex;
var crrentrowHTML = document.all("tbDetailUsed").rows[crrentrow].innerHTML;
var newtr = document.all("tbDetailUsed").insertRow(crrentrow+1);
var newCellA = newtr.insertCell(0);
var newCellB = newtr.insertCell(1);
var newCellC = newtr.insertCell(2);
var newCellD = newtr.insertCell(3);
newCellA.innerHTML = document.all("tbDetailUsed").rows[crrentrow].cells[0].innerHTML;
newCellB.innerHTML = document.all("tbDetailUsed").rows[crrentrow].cells[1].innerHTML;
newCellC.innerHTML = document.all("tbDetailUsed").rows[crrentrow].cells[2].innerHTML;
newCellD.innerHTML = document.all("tbDetailUsed").rows[crrentrow].cells[3].innerHTML;
//newtr.innerHTML = crrentrowHTML;
}


function delDetailProcess()
{
var delRow=document.all("tbDetailUsed").deleteRow(event.srcElement.rowIndex);
}
//-->
</SCRIPT>
</BODY>
</HTML>
点击表头排序的几种方法 & 动态表格
我记得老早老早大家就开始在经典讨论表格排序的问题了，过了这么多年，这个问题的解决方案层出不穷，见仁见智。用script，htc,xml+xsl等等怎么着都能实现，只是效率不同罢了。今天正好学习.net的时候学到这一块，...
oracle筛选后怎样重新排序,excel表格筛选后怎么重新排序
本文收集整理关于excel表格筛选后怎么重新排序的相关议题，使用内容导航快速到达。内容导航：Excel中的排序共分“升序”、“降序”和“自定义排序”三种功能。Excel表格如何进行自动排序，操作步骤如下图所示(Excel...
教你文件批量重命名技巧，彻底告别手工改名的繁琐
别急，今天给大家推荐帮助你批量重命名，一键更改文件名称，摆脱繁杂枯燥的操作，简单实用，一起来看操作步骤。准备工具在电脑上安装一个【文件批量改名高手】支持文件改扩展名、后缀名、大小写字母区分，自定义...
我在CSDN参与的3000个帖子
今日偶然翻到，感慨万千 1：申述：版主，是否扣了我的专家分... 5：呵呵，来推荐一下我的网站，本站提供大量当今流行的免费的音乐和免费电影，常用软件、游戏、精美图库下载,希望对网友有帮助!顺便散分! 6：VBA请教怎
高手传经：学习PHP重在坚持(转)
这里分享到我博客，希望对广大初学者也有所帮助！ 相信大家选择一种语言，并不是看它的背景和悠久历史，更重要的是看它的实用性，华而不实的语言哪怕是再辉煌的历史，也毕将步向没落，可喜的是PHP经...
JavaScript

87,904

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章