通过两个按钮来控制，文本框的数量的增加，减少。怎么实现。

str+=i+':<input type="text" name="text'+i+'"><br>';
window.tdid.innerHTML=str;<td align="left" id="tdid"></td>

解决方案 »

  1.   

    <head>
    <title>Shi's sample</title><script language="JavaScript">function addRowToTable()
    {
        var tbl = document.getElementById('tblSample');
        var lastRow = tbl.rows.length;
        var iteration = lastRow;    
        var row = tbl.insertRow(lastRow);
        
        var cellLeft = row.insertCell(0);
        var textNode = document.createTextNode(iteration);
        cellLeft.appendChild(textNode);
        
        var cellRight = row.insertCell(1);
        var el = document.createElement('input');
        el.setAttribute('type', 'text');
        el.setAttribute('name', 'txtRow' + iteration);
        el.setAttribute('size', '40');
        cellRight.appendChild(el);
    }
    function removeRowFromTable()
    {
        var tbl = document.getElementById('tblSample');
        var lastRow = tbl.rows.length;
        if (lastRow > 2) tbl.deleteRow(lastRow - 1);
    }
    </script>
    </head><body>
    <form action="tableaddrow_nw.html" method="get"><input type="button" value="Add" onclick="addRowToTable();" />
    <input type="button" value="Remove" onclick="removeRowFromTable();" />
    <table border="1" id="tblSample">
        <tr>
            <th colspan="2">Sample table</th>
        </tr>
        <tr>
            <td>1</td>
            <td><input type="text" name="txtRow1" size="40" /></td>
        </tr>
    </table></form>
    </body>
      

  2.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var fr=document.form1;
    function addn()
    {
    document.form1.a.value++;
    }
    //-->
    </SCRIPT>
    <body>
    <FORM METHOD=POST ACTION="" name="form1">
    <INPUT TYPE="text" NAME="a">
    <INPUT TYPE="button" onclick="addn()">
    <INPUT TYPE="submit">
    </FORM>
    </body>
    </html>
      

  3.   

    ： ghjhot(ghjhot) ( ) 信誉：105  2004-08-18 17:45:00  得分: 0  
     
    大哥！
    你给我写了增加了，还需要一个减少的怎么做呀。！！！！！！！！！！！！！！！！！！！！！！！！！！！
      

  4.   

    <SCRIPT LANGUAGE="JavaScript">
    function addn(i){
        document.form1.a.value -= (-i);
    }
    </SCRIPT><FORM METHOD=POST ACTION="" name="form1">
    <INPUT TYPE="button" onclick="addn(-10)" value="-10">
    <INPUT TYPE="button" onclick="addn(-1)" value="-">
    <INPUT TYPE="text" NAME="a">
    <INPUT TYPE="button" onclick="addn(+1)" value="+">
    <INPUT TYPE="button" onclick="addn(+10)" value="+10">
    </FORM>