动态生成文本框问题

<form name='mform' method='post'>
  <table>
   <tr>
    <td><input type="button" name="insert" value="插入" onclick="newInput(this)"></td>
   </tr>
   <tr>
     <input type=submit name='ok' value="提交">
   </tr> 
</table>
</form>
<script language="javascript">
<!--
function newInput(e){
e.parentNode.innerHTML += "<br/><input type='text' name='a'/>";
}
//-->
</script>

解决方案 »

  1.   

    function addRow(){
    var tblObj = document.getElementById("table1");
    if(tblObj.rows){
    alert(tblObj.rows.length);
    }else{
    alert('aaa');
    }
    //追加行
    var newRow = tblObj.insertRow();
    newRow.style.display = "";
    var cellNum = tblObj.rows[0].cells.length;

    //追加列
    for (colIndex = 0; colIndex < cellNum; colIndex++) {
    var newCell = newRow.insertCell();
    initTblCell(newCell);
    }
    }
    function initTblCell(cell){
    var lastCell = document.getElementById("table1").rows[0].cells[cell.cellIndex];
    cell.innerHTML = lastCell.innerHTML;
    alert(cell.innerHTML);
    if (cell.children != null && cell.children.length > 0) {
    for(childIndex = 0; childIndex < cell.children.length; childIndex++) {
    var child = cell.children[childIndex];
    switch(child.type) {
    case "text":
    child.value = "";
    break;
    case "checkbox":
    child.value = "";
    child.checked = false;
    break;
    }
    }
    }
    cell.className = lastCell.className;
    cell.align = lastCell.align;
    cell.height = lastCell.height;
    }
    function buttonFun(){
    var obj= document.getElementsByName("text4");
    for(i=1;i<obj.length;i++){
    alert(obj[i].value);
    }

    }
    function dellRow(){
    var obj= document.getElementById("table1");
    var objRow=obj.rows.length-1;
    alert(objRow);
    if(objRow != 0){
    obj.deleteRow(objRow);
    }

    }  <table id="table1" name="table1" width="300">
            <tr style="display:none">
         <td width="100">
         <input type="button" name="testBtn4" value="button" onclick=""/>
         </td>
         <td width="100">
         <input type="text" name="text4"  id="text4"/>
         </td>
         <td width="100">
         123
         </td>
         </tr>
        
         <tr>
         <td width="100">
         <input type="button" name="testBtn4" value="button" onclick="toExcel_Page()"/>
         </td>
         <td width="100">
         <input type="text" name="text4"  id="text4"/>
         </td>
         <td width="100">
         123
         </td>
         </tr>
        </table>
        <input type="button" name="testAdd" id="testAdd" value="AddRow" onclick="addRow()"/>
        <input type="button" name="testAdd" id="testAdd" value="DellRow" onclick="dellRow()"/>
        <input type="button" name="testAdd2" id="testAdd2" value="GetTextValue" onclick="buttonFun()"/>
      

  2.   

    以前写过的一个例子：
    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 1</title>
    <script language="javascript">
    function addRowOut(myHTML){
    var x;
    var Elm=event.srcElement;
    while(Elm&&Elm.tagName!="TR"){   
        Elm=Elm.parentElement;   
    }
    x=Elm.rowIndex;
    // *******   当前行向下插入一行 
    var myTable=document.getElementById("myTable");
    var myTR=myTable.insertRow(x+1);
    // ******* set TR bgColor
    myTR.bgColor='#21A2D9';
    // *******    往新行插入单元格
    var myTD1=myTR.insertCell(0);
    var myTD2=myTR.insertCell(1);
    var myTD3=myTR.insertCell(2);
    // *******    add html to cell
    myTD2.innerHTML=myHTML;
    myTD3.innerHTML="<input type='button' value='删除' onclick='delRow()' title='删除此行'>";
    }
    // *******************  删除行
    function delRow(){
    var x;
    var Elm=event.srcElement;
    while(Elm&&Elm.tagName!="TR"){   
    Elm=Elm.parentElement;   
    }
    x=Elm.rowIndex; 
    Elm.parentElement.deleteRow(x);
    }
    </script>
    </head><body>
    <table id="myTable" border=1 bordercolorlight="#000000" bordercolordark="#000000" style="border-collapse: collapse" width="492">
    <tr bgcolor=#117EBC>
    <td align="center" colspan="3"><font face="黑体" size="5" color="#FFFFFF">CLOSE查找</font>
    </td>
    </tr>
    <tr bgcolor=#21A2D9 id="outRow">
    <td width="128" align="right" valign=top><font color="#FFFFFF" size=3><b>出货单号</b></font>
    </td>
    <td align="left" width="198"><input type="text" name="outno">
    </td>
    <td align="left" width="160"><input type="button" value="增加" title="增加一个出货单号查询输入" onclick="addRowOut(document.all.outRow.cells[1].innerHTML);">
    </td>
    </tr>
    <tr bgcolor=#21A2D9 id="odrRow">
    <td width="128" align="right" valign=top><font color="#FFFFFF" size=3><b>订单号</b></font>
    </td>
    <td align="left" width="198"><input type="text" name="orderNo">
    </td>
    <td align="left" width="160"><input type="button" value="增加" title="增加一个订单号查询输入" onclick="addRowOut(document.all.odrRow.cells[1].innerHTML);">
    </td>
    </tr>
    <tr bgcolor=#21A2D9 id="patRow">
    <td width="128" align="right" valign="top"><font color="#FFFFFF" size="3"><b>物料号</b></font>
    </td>
    <td align="left" width="198"><input type="text" name="partNo">
    </td>
    <td align="left" width="160"><input type="button" value="增加" title="增加一个物料号查询输入" onclick="addRowOut(document.all.patRow.cells[1].innerHTML);">
    </td>
    </tr>
    <tr bgcolor=#117EBC>
    <td align="center" colspan="3">
    <input type="button" name="fetchMAT" value="查 找">
    <input type="reset" value="重 置">
    </td>
    </tr>
    </table>
    </body></html>