50分求助！如何用javascript自动生成文本框？

<input name="numText" > <input name="button1" type="button" value="确定" onclick=show()>
<div id="div1">&nbsp;
</div>
<script language=javascript>
function show()
{
var num=parseInt(document.getElementById("numText").value)
if(isNaN(num))
{
alert('错误')
return
}
var temp=new Array()
for(var i=0;i<num;i++)
{
temp[i]="<input name='text"+(parseInt(i)+parseInt(1))+"'>"
}
document.getElementById("div1").innerHTML=temp.join("");
}
</script>

解决方案 »

  1.   

    <html> 
    <title>read xml</title>
    <script language=javascript>
    function aa()
    {
    var str1="";
    for(i=0;i<form1.int1.value;i++)
    {
    str1=str1+"<input name='text"+i+"'>";
    }
    window.span1.innerHTML=str1;
    }</script>
    <body> 
    <form name="form1" ID="Form1">
    <span id="span1"></span>
    <input type="text" name="int1" ID="Text1">
    <input type="button" name="b1" value="生成" onclick="aa();" ID="Button1">
    </form>
    </body> 
    </html>
      

  2.   

    <html> 
    <title>read xml</title>
    <script language=javascript>
    function aa()
    {
    var str1="";
    for(i=0;i<document.getElementById("int1").value;i++)
    {
    str1=str1+"<input name='text"+i+"'>";
    }
    window.span1.innerHTML=str1;
    }</script>
    <body> 
    <span id="span1"></span>
    <input type="text" name="int1" ID="Text1">
    <input type="button" name="b1" value="生成" onclick="aa();" ID="Button1">
    </body> 
    </html>
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head><body>
    <p>
      <script language="javascript">
    function test( args ){
    var tempStr = "";
    for( var i=0 ; i<args ; i++ ){
    //alert(i);
    tempStr = tempStr + "<input name='text"+i+"' id='text"+i+"' type=text /><br>";
    }
    document.getElementById("outtest").innerHTML = tempStr;
    }
    </script>
      <input name="aaa" type="text" id="aaa" onpropertychange="test(this.value)" />
    </p>
    <span id="outtest"></span>
    </body>
    </html>
      

  4.   

    <html> 
    <title></title>
    <script language=javascript>
    function aa()
    {
    for(i=0;i<form1.int1.value;i++)
    {
     intext = document.createElement("<input name='text"+i+"'>");
     document.form1.appendChild(intext);
    }
    }</script>
    <body> 
    <form name="form1" ID="Form1">
    <input type="text" name="int1" ID="Text1">
    <input type="button" name="b1" value="生成" onclick="aa();" ID="Button1">
    </form>
    </body> 
    </html>
    如果不想要span这个对象可以仿照这个样子来写
      

  5.   

    <!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>
    <script language="javascript">
    var str="";
    function addFile(obj)
    {
    value1 = obj.value;
    for (i=0;i<value1 ;i++ )
    {
      str += '<br><INPUT type="text" size="50" NAME="File">'
    }
    document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str)
    }
    </script>
    <FORM METHOD=POST ACTION="">
    <p id="MyFile"></p>
    <INPUT TYPE="button" onclick="addFile();" value="add">
    <INPUT TYPE="text" NAME="" onchange="addFile(this);">
    </FORM>
    </BODY>
    </HTML>
      

  6.   

    good
    intext = document.createElement("<input name='text"+i+"'>");
     document.form1.appendChild(intext);
      

  7.   

    very good
    intext = document.createElement("<input name='text"+i+"'>");
     document.form1.appendChild(intext);
      

  8.   

    <html> 
    <title></title>
    <script language=javascript>
    function aa()
    {
    intext="";
    for(i=0;i<form1.int1.value;i++)
    {
     intext = intext+"<input type=file name='text"+i
    +"'><input type=button value=del onclick=del(this,"+i+")>";}
     document.all.d1.innerHTML=intext
    }function del(obj,AIndex)
    {  var   oChild=d1.children('text'+AIndex);   
      if   (oChild   !=   null)   
      {   
    oChild.style.display="none";
    obj.style.display="none";
      d1.removeChild(oChild);   
      d1.removeChild(obj);  
      }   
      
    }</script>
    <body> 
    <form name="form1" ID="Form1">
    <input type="text" name="int1" ID="Text1" value=2>
    <input type="button" name="b1" value="生成" onclick="aa();" ID="Button1">
    <div id=d1></div>
    </form>
    </body> 
    </html>
      

  9.   

    <!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=""><script language="javascript" type="text/javascript">
    //创建文本框
    function CreateTextBox(){
    var num = document.getElementById('txt').value;
    for (var i = 1; i<= num ; i++ )
    {
    var txt = document.createElement('input');
    txt.type = "text";
    txt.name = "text" + i;
    document.body.appendChild(txt);
    }
     }
    </script>
    </HEAD><BODY>
    <input type="text" id="txt" onblur="CreateTextBox()"/>
    </BODY>
    </HTML>
      

  10.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>shawl.qiu template</title>
    <style type="text/css">
    /* <![CDATA[ *//* ]]> */
    </style>
    <script type="text/javascript">
    //<![CDATA[
    if (navigator.appName=="Microsoft Internet Explorer") {
    //最大化窗口
    self.moveTo(-5,-5)
    self.resizeTo(screen.availWidth +8,screen.availHeight+8)
    //这个脚本定义的宽度其实比原窗口还要大那么一点.
    }
    //]]>
    </script>
    <script type="text/javascript">
    //<![CDATA[
     onload=
      function()
      {
       var IptCtl = document.getElementById("AddIpt");
       var IptMain = document.getElementById("IptMain");
       
       IptCtl.onkeypress =
        function(e)
        {
         e = e?e:window.event;
         eKeyCode = e.which||e.keyCode;
         
         if(eKeyCode==13)
         {
          fAddIpt("IptMain", IptCtl.value, "text", 1, "<br/>");
         }
        }
      }; // end onload;
      
      function fAddIpt(sObjId, iObjNum, sPrefix, iStart, sMarker)
      {
       var ObjContainer = document.getElementById(sObjId);
       ObjContainer.innerHTML = "";
       iObjNum = parseInt(iObjNum);
       iObjNum = iObjNum||0;
       
       var sTemp = "";
       
       for(var i=iStart; i<=iObjNum+1; i++)
       {
        sTemp += '<input name="'+sPrefix+i+'" />'+sMarker;
       }
       
       ObjContainer.innerHTML = sTemp;
      } // shawl.qiu script
    //]]>
    </script>
    </head>
    <body>
    <li/>输入完毕请按回车: <input type="text" size="4" id="AddIpt" />
    <div id="IptMain"></div>
    </body>
    </html>
      

  11.   

    倒, 犯了一个逻辑错误...<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>shawl.qiu template</title>
    <style type="text/css">
    /* <![CDATA[ *//* ]]> */
    </style>
    <script type="text/javascript">
    //<![CDATA[
    if (navigator.appName=="Microsoft Internet Explorer") {
    //最大化窗口
    self.moveTo(-5,-5)
    self.resizeTo(screen.availWidth +8,screen.availHeight+8)
    //这个脚本定义的宽度其实比原窗口还要大那么一点.
    }
    //]]>
    </script>
    <script type="text/javascript">
    //<![CDATA[
     onload=
      function()
      {
       var IptCtl = document.getElementById("AddIpt");
       var IptMain = document.getElementById("IptMain");
       
       IptCtl.onkeypress =
        function(e)
        {
         e = e?e:window.event;
         eKeyCode = e.which||e.keyCode;
         
         if(eKeyCode==13)
         {
          fAddIpt("IptMain", IptCtl.value, "text", 1, "<br/>");
         }
        }
      }; // end onload;
      
      function fAddIpt(sObjId, iObjNum, sPrefix, iStart, sMarker)
      {
       var ObjContainer = document.getElementById(sObjId);
       ObjContainer.innerHTML = "";
       iObjNum = parseInt(iObjNum);
       iObjNum = iObjNum||0;
       
       var sTemp = "";
       
       for(var i=iStart; i<=iObjNum; i++)
       {
        sTemp += '<input name="'+sPrefix+i+'" />'+sMarker;
       }
       
       ObjContainer.innerHTML = sTemp;
      } // shawl.qiu script
    //]]>
    </script>
    </head>
    <body>
    <li/>输入完毕请按回车: <input type="text" size="4" id="AddIpt" />
    <div id="IptMain"></div>
    </body>
    </html>