js动态添加 删除行？非常急。。困扰了几天。

<html>
<head>
<base href="http://localhost:8280/cxc/ctr/ctrbook/exec/tender/tenderAll_new.jsp">
<title>Execution</title>
<link rel="stylesheet" href='/cxc/styles/cxc2.css' type="text/css">
<script language="Javascript" src="/cxc/styles/javascript.js"></script><script>var imgsrc="/cxc/struts-layout-images/"; var scriptsrc="/cxc/styles/"; var langue="en";</script>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="0" align="center" width="100%" class="BANNER"><tr><td valign="top"><table cellspacing="1" cellpadding="1" border="0" width="100%">
<tr><th align=center class=BANNER>Execution</th></tr>
</table></td></tr></table>
<br><table cellspacing="0" cellpadding="10" width="100%" align="center" border="0"><tr><td align="center">
<!-- ctrtender -->
  
<table cellspacing="0" cellpadding="0" border="0" align="left"><tr><td valign="top"><table cellspacing="1" cellpadding="1" border="0" width="100%">
<form name="ctrexectdbean" method="POST" action="/cxc/execTDMultiple.do" onsubmit="return validateCtrExecTDMainForm(this);"><input type="hidden" name="reqCode" value="execTDList">
<tr><td class=null><table width="100%" align="left" border=0>          <tr><td valign="top" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top"><table cellspacing="1" cellpadding="1" border="0" width="100%">
<tr><td class=null><table width="100%" border=0>             <tr>
          <th class="LIST">Tender BL Info</th>
         
            </tr>
          </table></td></tr>
</table></td></tr></table>
</td></tr>         <tr><td valign="top" colspan="2"><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top"><table cellspacing="1" cellpadding="1" border="0" width="100%">
<tr><td class=null><table width="100%" border=0>           
           <input type="hidden" name="ctrid" value="1644" name="tenderlist" />
           <input type="hidden" name="execcase" value=2/>
            <table>
<tr>
<td class="LIST">
KOSB/ASO/CPO/10184/1009 
</td>
<td class="LIST">
<input type="button" value="insert" onclick="ins(this);"> <input type="button" value="delete" onclick="del(this);">

</td>
</tr>
<tr>
<td class="LIST"><input type="hidden" name="ctridNumber" value='1644'  /></td>
<td class="LIST"><tr><th valign="top" class="LABEL"><span class="LABEL">BL&nbsp;No:&nbsp;</span></th><td valign="top" class="LABEL" style=""><input type="text" name="blno" maxlength="25" size="25" value="" onchange="checkValue(this, 'blno','TEXT',true);null" class="LABEL"><img name="blnorequired" src="/cxc/struts-layout-images/ast.gif"></td></tr>
</td>
<td class="LIST"><tr><th valign="top" class="LABEL"><span class="LABEL">BL&nbsp;Qty:&nbsp;</span></th><td valign="top" class="LABEL" style=""><input type="text" name="blqty" size="10" value="" onchange="checkValue(this, 'blqty','TEXT',true);null" class="LABEL"><img name="blqtyrequired" src="/cxc/struts-layout-images/ast.gif"></td></tr>
</td>
<td class="LIST"><tr><th valign="top" class="LABEL"><span class="LABEL">BL&nbsp;Stowage:&nbsp;</span></th><td valign="top" class="LABEL" style=""><input type="text" name="blstowage" maxlength="50" size="40" value="" class="LABEL"><img name="blstowagerequired" src="/cxc/struts-layout-images/clearpixel.gif"></td></tr>
</td>
</tr>
</table>
         </table></td></tr>
</table></td></tr></table>
</td></tr>
  
  <script type="text/javascript">
  
  function ins(elem){
   
        var row = elem.parentNode.parentNode, table = row.parentNode;

        if (!table._t) {
            table._t = document.createDocumentFragment();
            var i = 0, rows = table.getElementsByTagName('tr');

            for (; i < rows.length; i++) {
                rows[i] == row || table._t.appendChild(rows[i].cloneNode(true));
            }
        }
        table.appendChild(table._t.cloneNode(true));
    }
    
    function del(elem){
        var row = elem.parentNode.parentNode, table = row.parentNode;
        if (table._t) {
            var rows = table.getElementsByTagName('tr'), i = rows.length - 1,
            l = (i - table._t.childNodes.length) || (table._t.childNodes.length + 1);
            for (; i > l; i--) {
                rows[i].parentNode.removeChild(rows[i]);
            }
        }
    }

</script>这段是正确的 动态添加 删除行的代码。我的问题是，当我添加几行之后，跳转到下一页面，从下个页面再返回到这个页面时，我刚才新增的几行没有了。要求是还需要显示！各位帮帮忙。。

解决方案 »

  1.   

    我刚才新增的几行没有了。要求是还需要显示！各位帮帮忙。
    re:
    你的js都是在内存中操作的!如果想在来回中记得有几行几列就要想方法保存这些值
      

  2.   

    保持添加和删除的状态
    那就一定要有个存储地方保存表格的状态确定了信息需要保存这一点 那么表格行的删除增加就是和后台沟通的问题了cookie也可以 不过cookie保存多一点的数据就不够了
      

  3.   

    cookie 能存4K,flashCookie 默认有100K