关于增加一行的问题 PHP

各位我的问题是这样的：
我现在想通过增加按钮增加一行，并且通过保存将在增加的内容添加进表中，我的代码是这样的
<html>
<table width="500" border="1" id="tb">
  <tr>
  <td>项次</td>
  <td>服务科名称</td>
  <td>预设年月</td>
  <td>预设站点</td>
  </tr>
  <tr>
  <td><input type="text" name="txt1" value="1"></td>
  <td><input type="text" name="txt2" value="1"></td>
  <td><input type="text" name="txt3" value="1"></td>
  <td><input type="text" name="txt4" value="1"></td>
  </tr>
</table>
<p>
<? echo "<input type='text' name='test' value='1'>";?>
<script>
/*
操作表格,为表格添加行,删除行操作
*/
function delrow(){
var i=tb.rows.length;
tb.deleteRow(i-1);
}
function addrow(){
  var tr = document.createElement('tr');
  var cellsNum = tb.rows[0].cells.length;
  for(var j = 0 ; j < cellsNum ; j++){
  var td = document.createElement('td');
  td.innerHTML='123';
  tr.appendChild(td);
  }
  tb.tBodies[0].appendChild(tr);
}
</script>
  <input type="submit" name="Submit" value="删除" onClick="delrow();">
  <input type="submit" name="Submit" value="添加" onClick="addrow();"></html>
求指导一下，在线等。。急

解决方案 »

  1.   

    function addRow1(){ 
    var myTab = document.getElementById("myTab");     //"myTab"为表格的id 
    var index = myTab.rows.length; 
    var now_pic = index+1;
    var cellsize = myTab.childNodes[0].childNodes[0].cells.length;   //IE下  
    var objRow = myTab.insertRow(index); 
        for(var i=0;i<cellsize;i++){ 
         var objCell = objRow.insertCell(i); 
         objCell.innerHTML = "你的内容";
        } 
    objCell.style.color = "red"; 
    } 
      

  2.   

    你通过点击按钮来调用这个addRow1()，把这个替抱成"你的内容";
      

  3.   


    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>test</title>
    </head>
    <body>
    <form name="form1" id="form1" method="post" action="save.php">
    <table width="500" border="1" id="tb">
    <tr>
    <td>项次</td>
    <td>服务科名称</td>
    <td>预设年月</td>
    <td>预设站点</td>
    </tr>
    <tr>
    <td><input type="text" name="txt1" value="1"></td>
    <td><input type="text" name="txt2" value="1"></td>
    <td><input type="text" name="txt3" value="1"></td>
    <td><input type="text" name="txt4" value="1"></td>
    </tr>
    </table><p>  <script>
    /* 操作表格,为表格添加行,删除行操作 */
    function delrow(){
    var i=tb.rows.length;
    tb.deleteRow(i-1);
    }
    function addrow(){
    var tr = document.createElement('tr');
    var cellsNum = tb.rows[0].cells.length;
    for(var j = 0 ; j < cellsNum ; j++){
    var td = document.createElement('td');
    td.innerHTML='<input type="text" name="txt" value="">';
    tr.appendChild(td);
    }
    tb.tBodies[0].appendChild(tr);
    }
    </script>
    <input type="button" name="del" value="删除" onClick="delrow();"> <input type="button" name="add" value="添加" onClick="addrow();"> <input type="submit" name="save" id="save" value="保存">
    </form>
    </body>
    </html>