后悔當初沒備份﹐留下今天難題

用asp是可以有非常的简单方法，只要几行就够了！

解决方案 »

  1.   

    樓上的﹐你是否有運行過我的例子﹐注意點一下每行的第一個輸入框﹐用ASP不見的簡單到哪里去吧
    而且﹐ASP是服務端的腳本﹐我想在客戶端實現
    順便問一下﹕
    TR的outerHTML或innerHTML不能修改嗎?如果能怎樣改
      

  2.   

    <html>
    <head>
    <SCRIPT LANGUAGE="JavaScript">
    function addRow() {
    myTable.outerHTML='<table width="98%" border="1" cellspacing="0" cellpadding="0" bordercolor="#ffcc00" align="center" id="myTable">'+myTable.innerHTML+(myTable.rows[myTable.rows.length-1].outerHTML)+'</table>'
    myTable.rows[myTable.rows.length-1].cells[0].innerText++;
    }
    function chkRowNum(){
    var e=window.event.srcElement
    var i=e.parentElement.cellIndex,r=e.parentElement.parentElement.rowIndex; 
    if(r==myTable.rows.length-1){addRow();myTable.rows[myTable.rows.length-2].cells[i].children[0].select();}
    }
    </SCRIPT></head>
    <body bgcolor="#FFFFFF" text="#000000">
    <form name="form1" method="post" action="">
    <table width="98%" border="1" cellspacing="0" cellpadding="0" bordercolor="#ffcc00" align="center" id="myTable">
    <th>字段1<th>字段2<th>字段3<th>字段4</th>
    <tr>
    <td>1
    <td><input type=text name=r1c1 size=20 onfocus="chkRowNum()">
    <td><input type=text name=r1c2 size=20>
    <td><input type=text name=r1c3 size=30>
    </tr>
    </table>
    <input type=button onclick="addRow()" value=新增>
    </form>
    </body>
    </html>
      

  3.   

    <html>
    <head>
    <SCRIPT LANGUAGE="JavaScript">
    function addRow() {
    myTable.outerHTML=myTable.outerHTML.match(/(<[^>]*>)/)[0]+myTable.innerHTML+(myTable.rows[myTable.rows.length-1].outerHTML)+'</table>'
    myTable.rows[myTable.rows.length-1].cells[0].innerText++;
    }
    function chkRowNum(){
    var e=window.event.srcElement
    var i=e.parentElement.cellIndex,r=e.parentElement.parentElement.rowIndex; 
    if(r==myTable.rows.length-1){addRow();myTable.rows[myTable.rows.length-2].cells[i].children[0].select();}
    }
    </SCRIPT></head>
    <body bgcolor="#FFFFFF" text="#000000">
    <form name="form1" method="post" action="">
    <table width="98%" border="1" cellspacing="0" cellpadding="0" bordercolor="#ffcc00" align="center" id="myTable">
    <th>字段1<th>字段2<th>字段3<th>字段4</th>
    <tr>
    <td>1
    <td><input type=text name=r1c1 size=20 onfocus="chkRowNum()">
    <td><input type=text name=r1c2 size=20>
    <td><input type=text name=r1c3 size=30>
    </tr>
    </table>
    <input type=button onclick="addRow()" value=新增>
    </form>
    </body>
    </html>
      

  4.   

    第二种
    <html>
    <head>
    <SCRIPT LANGUAGE="JavaScript">
    function addRow() {
    /********(qiushuiwuhen 2002-6-27)************/
    myTable.outerHTML=myTable.outerHTML.replace(/<\/table>/i,(myTable.rows[myTable.rows.length-1].outerHTML)+"</table>");
    myTable.rows[myTable.rows.length-1].cells[0].innerText++;
    }
    function chkRowNum(){
    var e=window.event.srcElement
    var i=e.parentElement.cellIndex,r=e.parentElement.parentElement.rowIndex; 
    if(r==myTable.rows.length-1){addRow();myTable.rows[myTable.rows.length-2].cells[i].children[0].select();}
    }
    </SCRIPT></head>
    <body bgcolor="#FFFFFF" text="#000000">
    <form name="form1" method="post" action="">
    <table width="98%" border="1" cellspacing="0" cellpadding="0" bordercolor="#ffcc00" align="center" id="myTable">
    <th>字段1<th>字段2<th>字段3<th>字段4</th>
    <tr>
    <td>1
    <td><input type=text name=r1c1 size=20 onfocus="chkRowNum()">
    <td><input type=text name=r1c2 size=20>
    <td><input type=text name=r1c3 size=30>
    </tr>
    </table>
    <input type=button onclick="addRow()" value=新增>
    </form>
    </body>
    </html>