一个动态的表单,添加新的一行后,能够自动分页

一个动态的表单,设定10行后,满10行添加新的一行后,能够自动分页.
哪个大虾能帮帮忙呀

解决方案 »

  1.   

    胡乱做了个，不知道满足要求不
    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>new page</title>
    <script>
    function addLine(){
    var table=document.getElementById("t1");
    var len=table.rows.length;
    trunToPage(parseInt(len/10));
    if(len%10==0){
    var page=parseInt(len/10)+1;
    var aLink=document.createElement("<A>");
    aLink.innerText=page;
    aLink.onclick=on_click(page-1);
    var pageDiv=document.getElementById("page");
    var nullNode=document.createTextNode(" ");
    var aLen=pageDiv.getElementsByTagName("A").length;
    for(var i=0;i<aLen;i++){
    pageDiv.getElementsByTagName("A")[i].href="#";
    pageDiv.getElementsByTagName("A")[i].onclick=on_click(i);
    }
    pageDiv.appendChild(nullNode);
    pageDiv.appendChild(aLink);for(var i=(page-2)*10;i<(page-1)*10;i++){
    table.rows(i).style.display="none";
    }
    }
    var tdObj1=document.createElement("<TD>");
    tdObj1.innerText=len;
    var tdObj2=document.createElement("<TD>");
    tdObj2.innerText=len;
    var trObj=document.createElement("<TR>");
    trObj.appendChild(tdObj1);
    trObj.appendChild(tdObj2);
    table.firstChild.appendChild(trObj);
    }
    function on_click(page){
    return function(){trunToPage(page);};
    }
    function trunToPage(page){
    var table=document.getElementById("t1");
    for(var i=0;i<page*10;i++){
    table.rows(i).style.display="none";
    }
    for(var i=page*10;i<Math.min((page+1)*10,table.rows.length);i++){
    table.rows(i).style.display="block";
    }
    for(var i=Math.min((page+1)*10,table.rows.length);i<table.rows.length;i++){
    table.rows(i).style.display="none";
    }
    }
    </script>
    </head><body>
    <table width="100%">
    <tr align="right">
    <td colspan=3><input type=button value="增加行" onclick=addLine()></td>
    </tr>
    </table>
    <table>
    <tr>
    <td>第</td>
    <td><div id=page><a>1</a></div></td>
    <td>页</td>
    </tr>
    </table>
    <table id=t1 border="1" width="100%">
    <tr name=tr0><td>0　</td><td>0　</td></tr>
    <tr name=tr1><td>1　</td><td>1　</td></tr>
    <tr name=tr2><td>2　</td><td>2　</td></tr>
    <tr name=tr3><td>3　</td><td>3　</td></tr>
    <tr name=tr4><td>4　</td><td>4　</td></tr>
    <tr name=tr5><td>5　</td><td>5　</td></tr>
    <tr name=tr6><td>6　</td><td>6　</td></tr>
    </table></body></html>
      

  2.   

    添加完以后直接跳到查询的action方法，再跳回查询页面