增减文本框的js方法，请高手帮忙看看

非常简单的东西方法甲
for(i=1;i<=thechoicenum;i++){
    str+='文件'+i+':<input type="file" name="file'+i+'" style="width:400" class="tx1"><br><br>';
}
方法乙：
用createElement("input")这种方法就好了
用remove方法删除这个都很简单
<SCRIPT>
function fnCreate(){
oData.innerHTML="";
var oOption=oSel.options[oSel.selectedIndex];
if(oOption.text.length>0){
var aElement=document.createElement(oOption.text);
eval("aElement." + oOption.value + "='" + oText.value + "'");
if(oOption.text=="A"){
aElement.href="javascript:alert('A link.')";
}
}
oData.appendChild(aElement);
}
</SCRIPT>
<SELECT ID="oSel" onchange="fnCreate()">
<OPTION VALUE="innerText">A
<OPTION VALUE="value">&lt;INPUT TYPE="button"&gt;
</SELECT>
<SELECT ID=oText onchange="fnCreate()">
<OPTION>
<OPTION VALUE="Text">Text
<OPTION VALUE="More and More Text">More and More Text
</SELECT>
<SPAN ID="oData" ></SPAN>

解决方案 »

  1.   

    <script>
    var inputnum=0;
    function addrow(){
    var nrow,ncell
    nrow=document.all.addinput.insertRow(-1);
    ncell=nrow.insertCell();
    ncell.innerHTML=inputnum + "<input type=file name=input" + inputnum + "><input type=button name=del" + inputnum + " value=删除 onclick=movebak()>";
    inputnum++;
    } function movebak(){
    var the_row=event.srcElement.parentElement.parentElement.rowIndex;
    document.all.addinput.deleteRow(the_row);
    inputnum--; }
    </script><input value=add type=button onclick="addrow()">
    <table id=addinput>
    </table>
      

  2.   

    <script>
    var inputnum=0;
    function addrow(){
    var nrow,ncell
    nrow=document.all.addinput.insertRow(-1);
    ncell=nrow.insertCell();
    ncell.innerHTML=inputnum + "<input type=file name=input" + inputnum + "><input type=button name=del" + inputnum + " value=删除 onclick=movebak()>";
    inputnum++;
    } function movebak(){
    var the_row=event.srcElement.parentElement.parentElement.rowIndex;
    document.all.addinput.deleteRow(the_row); }
    </script><input value=add type=button onclick="addrow()">
    <table id=addinput>
    </table>
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY>
    <TABLE id="tbDetailUsed">
    <tr>
          <td><input type="file" name="a" ></td>
          <td><input type="file" name="b" ></td>
          <td><input value="add"  id="add" onclick="addDetailProcess()" type=button></td>
          <td><input value="del"  id="del" onclick="delDetailProcess()" type=button></td>
        </tr>
        <tr>
          <td><input type="file" name="a" ></td>
          <td><input type="file" name="b" ></td>
          <td><input value="add"  id="add" onclick="addDetailProcess()" type=button></td>
          <td><input value="del"  id="del" onclick="delDetailProcess()" type=button></td>
        </tr></TABLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function addDetailProcess()
    {
    var crrentrow = event.srcElement.parentNode.parentNode.rowIndex;
    var crrentrowHTML = document.all("tbDetailUsed").rows[crrentrow].innerHTML;
    var newtr = document.all("tbDetailUsed").insertRow(crrentrow+1);
    var newCellA = newtr.insertCell(0);
    var newCellB = newtr.insertCell(1);
    var newCellC = newtr.insertCell(2);
    var newCellD = newtr.insertCell(3);
    newCellA.innerHTML =  document.all("tbDetailUsed").rows[crrentrow].cells[0].innerHTML;
    newCellB.innerHTML = document.all("tbDetailUsed").rows[crrentrow].cells[1].innerHTML;
    newCellC.innerHTML = document.all("tbDetailUsed").rows[crrentrow].cells[2].innerHTML;
    newCellD.innerHTML = document.all("tbDetailUsed").rows[crrentrow].cells[3].innerHTML;
    //newtr.innerHTML = crrentrowHTML;
    }
    function delDetailProcess()
    {
        var delRow=document.all("tbDetailUsed").deleteRow(event.srcElement.rowIndex);
    }
    //-->
    </SCRIPT>
    </BODY>
    </HTML>