动态生成文本框

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;   charset=utf-8">
<script language="javascript">                                  
  function   add(){
         window.upid.innerHTML='';
         var line=document.getElementById("addLine").value;
         var row=document.getElementById("addRow").value;
        
         //alert(line);
        str='<table>'; 
         for(var i=0;i<line;i++){
        str=str+'<tr   align=center   valign=middle   bgcolor=#FFFFFF>';  
           for(var j=0;j<row;j++){
           var myName="t_"+i+"_"+j;
        str=str+'<td   width="100%"   height="25"><input   type="text"   name=myName></td>';  
           }
        
        str=str+'</tr>';  
         }
        str=str+'</table>';
        window.upid.innerHTML+=str+'';  
  }                                  
  </script>
</head>
<body>

<table>
 <tr>
  <td>
  <div id="upid"></div>
  </td>
 </tr>
 <tr>
  <td><input type="text" id="addLine"></td>
 </tr>
 <tr>
  <td><input type="text" id="addRow"></td>
 </tr>
 <tr>
  <td><input name="Submit2" type="button" onclick="javascript:add()"
   value="增加"></td>
 </tr>
</table>

</body>
</html>

你可能感兴趣的:(动态生成文本框)