怎么在jsp中用动态的表格存放javascript中捕获的值

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <body>
  <scrīpt language="javascrīpt">
  var tableObject = document.getElementById("test");
  function add() {
    var tableObject = document.getElementById("test");//R表格对象
    var newRow = tableObject.insertRow();//R 插入一行
    var td0 = newRow.insertCell();//R 插入一列
    //R alert(td0.cellIndex);  //R 成功后能返回当前列
    var td1 = newRow.insertCell();
    var td2 = newRow.insertCell();
    td0.innerHTML = newRow.sectionRowIndex+1;
    td1.innerHTML = '第二列';
    td2.innerHTML = '第三列<button ōnclick="javascrīpt:del('+newRow.sectionRowIndex+')">删除本行</button>';   
  }
  function del(row) {
    var tableObject = document.getElementById("test");
    tableObject.deleteRow(row);//R 删除指定行
  }
  function clone() {
    var tableObject = document.getElementById("test");
    var test = tableObject.cloneNode(true); //R 复制test;
    var testDiv = document.getElementById("test1");//R 获得将要填空容器
    testDiv.appendChild(test); //R 追加结点
  }
  </scrīpt>
  <table id="test" cellpadding="3" cellspacing="5" border="2">
  </table>
  <div id="test1"></div>
  <button ōnclick="javascrīpt:add()">增加一行</button> 
  <button ōnclick="javascrīpt:clone()">clone</button>
  </body>
</html>

解决方案 »

  1.   

    <table id="table1"  border="1">
    <tr style="display:none"><td><input></td><td><input type="button" value="删除" onclick="this.parentNode.parentNode.removeNode(true)">
    </tr>
    <tr><td><input></td><td><input type="button" value="删除" onclick="this.parentNode.parentNode.removeNode(true)">
    </tr>
    <tr><td><input></td><td><input type="button" value="删除" onclick="this.parentNode.parentNode.removeNode(true)">
    </tr>
    </table>
    <input name="aaa" type="button" value="新增" onclick=addRow()>
    <script language=javascript>
    function addRow(){
    var objTbody=document.getElementById("table1").childNodes[0]
    var objNewTr=objTbody.childNodes[0].cloneNode(true)
    objNewTr.style.display=""
    objTbody.appendChild(objNewTr)
    }
    </script>
      

  2.   

    编码问题测试时修改了删除时传递的参数 原为行号 改为 行对象<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>默认标题 by songpeng</title>
    <script language="JavaScript" type="text/javascript">
      var tableObject = document.getElementById("test");
      function add() {
        var tableObject = document.getElementById("test");//R表格对象
        var newRow = tableObject.insertRow();//R 插入一行
        var td0 = newRow.insertCell();//R 插入一列
        //R alert(td0.cellIndex);  //R 成功后能返回当前列
        var td1 = newRow.insertCell();
        var td2 = newRow.insertCell();
        td0.innerHTML = newRow.sectionRowIndex+1;
        td1.innerHTML = '第二列';
        td2.innerHTML = '第三列<button onclick="javascript:del(this.parentElement.parentElement)">删除本行</button>';   
      }
      function del(row) {
        var tableObject = document.getElementById("test");
        tableObject.deleteRow(row);//R 删除指定行
      }
      function clone() {
        var tableObject = document.getElementById("test");
        var test = tableObject.cloneNode(true); //R 复制test;
        var testDiv = document.getElementById("test1");//R 获得将要填空容器
        testDiv.appendChild(test); //R 追加结点
      }</script>
    </head><body>
      <table id="test" cellpadding="3" cellspacing="5" border="2">
      </table>
      <div id="test1"></div>
      <button onclick="javascript:add()">增加一行</button> 
      <button onclick="javascript:clone()">clone</button></body>
    </html>