一个动态文本框的问题

 if (document.all.mytable.rows.length<26)
 {  
     document.all.mytable.outerHTML = str; 
 }你这里重新赋值了  直接把原先的覆盖了

解决方案 »

  1.   

    outerhtml有的浏览器可能不支持，也不在标准之内。document.all.mytable也是一样。
    下面代码仅供参考：
    <!doctype html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    <script>
        var i = 7;
        function addrow(){
            i++;
            var tab = document.getElementById('mytable');
            var tr = document.createElement('tr');        var td = document.createElement('td');
            td.innerHTML = '<input type="text" name="Field1' + i + '"  size="30" >';
            tr.appendChild(td);        var td = document.createElement('td');
            td.innerHTML = '<input type="text" name="Field2' + i + '"   size="30">';
            tr.appendChild(td);        if(tab.tBodies[0].rows.length > 25){
                alert("太多了");
                return ;
            }
            tab.tBodies[0].appendChild(tr);        return false;
        }
        function deleterow(){
            if(document.all.mytable.rows.length > 8){
                document.all.mytable.deleteRow(document.all.mytable.rows.length - 1);
                i--;
            }
        }
    </script>
    <form method="POST" name="bd" id="bd" action="444.asp?action=do">
        <table id=mytable>
            <tr>
                <td align="center">用料</td>
                <td align="center">用量</td>
            </tr>
            <tr>
                <td><input type="text" name="yongliao1" size="30"></td>
                <td><input type="text" name="yongliang1" size="30"></td>
            </tr>
            <tr>
                <td><input type="text" name="yongliao2" size="30"></td>
                <td><input type="text" name="yongliang2" size="30"></td>
            </tr>
            <tr>
                <td><input type="text" name="yongliao3" size="30"></td>
                <td><input type="text" name="yongliang3" size="30"></td>
            </tr>
            <tr>
                <td><input type="text" name="yongliao4" size="30"></td>
                <td><input type="text" name="yongliang4" size="30"></td>
            </tr>
            <tr>
                <td><input type="text" name="yongliao5" size="30"></td>
                <td><input type="text" name="yongliang5" size="30"></td>
            </tr>
            <tr>
                <td><input type="text" name="yongliao6" size="30"></td>
                <td><input type="text" name="yongliang6" size="30"></td>
            </tr>
            <tr>
                <td><input type="text" name="Field1" size="30"></td>
                <td><input type="text" name="Field2" size="30"></td>
            </tr>    </table>
        <input type=button value="添加" name="Cont" onclick=addrow()> <input type="button" value="删除" onclick="deleterow()"/>
    </form>
    </body>
    </html>