js判断下拉列表值生成几条文本域（在线等）200分

js判断下拉列表值生成几条文本域 有个下拉列表，值为1，2，3，4，5 判断如果1，下方就生成一条文本域 如果2，下方就生成2条文本域 
如果3，下方就生成3条文本域 
如果4，下方就生成4条文本域 
如果5，下方就生成5条文本域 不刷页面下JavaScript代码怎么写 急啊，全部200分　在线等 

解决方案 »

  1.   

    我下面只是简单做了一个效果
    真正要运用还得看你自己要的text的名称等等
    你最好把所有要求写出来
    不过，建议你学习思路
    然不是完全叫别人帮忙
    <HTML>
    <HEAD>
    <script>
    function getService(ob,spanid){ 
    var typevalue=document.getElementsByName(ob)[0].value;
    var span_ob=document.getElementById(spanid);
    var str="";
    for(i=1;i<=typevalue;i++){
    str+="<input type=\"text\" name=\"textname\"><br>"
    }
    span_ob.innerHTML=str;
    }
    </script>
    </HEAD><BODY  >
    <form name="search" id="search" action="search.php" method="POST" >
     <select name="type1" id="type1" onchange="getService('type1','spanid')">
      <option value="1" >1</option>
      <option value="2" >2</option>
      <option value="3" >3</option>
      <option value="4" >4</option>
     </select>
     <div id="spanid">
     </div>
    </form>
    </BODY>
    </HTML>
      

  2.   

    <HTML>
    <HEAD>
    <script>
    function getService(ob,spanid){ 
        var typevalue=document.getElementsByName(ob)[0].value;
        var span_ob=document.getElementById(spanid);
        var str="";

        if(typevalue=="1"){
            str="一: <input type=\"text\" name=\"1\" id=\"1\" > 一一：<input type=\"text\" name=\"11\" id=\"11\" > <br><br>"
         
    }
    if(typevalue=="2"){
            str="一: <input type=\"text\" name=\"1\" id=\"1\" > 一一：<input type=\"text\" name=\"11\" id=\"11\" > <br><br>二: <input type=\"text\" name=\"2\" id=\"2\" > 二二：<input type=\"text\" name=\"22\" id=\"22\" > <br><br>"
        
    }

    if(typevalue=="3"){
            str="一: <input type=\"text\" name=\"1\" id=\"1\" > 一一：<input type=\"text\" name=\"11\" id=\"11\" > <br><br>二: <input type=\"text\" name=\"2\" id=\"2\" > 二二：<input type=\"text\" name=\"22\" id=\"22\" > <br><br> 三: <input type=\"text\" name=\"3\" id=\"3\" > 三三：<input type=\"text\" name=\"33\" id=\"33\" > <br><br>"
    }
    if(typevalue=="4"){
            str="一: <input type=\"text\" name=\"1\" id=\"1\" > 一一：<input type=\"text\" name=\"11\" id=\"11\" > <br><br>二: <input type=\"text\" name=\"2\" id=\"2\" > 二二：<input type=\"text\" name=\"22\" id=\"22\" > <br><br> 三: <input type=\"text\" name=\"3\" id=\"3\" > 三三：<input type=\"text\" name=\"33\" id=\"33\" > <br><br>四：<input type=\"text\" name=\"4\" id=\"4\" >四四：<input type=\"text\" name=\"44\" id=\"44\" >"
    }



    if(typevalue=="5"){
            str="一: <input type=\"text\" name=\"1\" id=\"1\" > 一一：<input type=\"text\" name=\"11\" id=\"11\" > <br><br>二: <input type=\"text\" name=\"2\" id=\"2\" > 二二：<input type=\"text\" name=\"22\" id=\"22\" > <br><br> 三: <input type=\"text\" name=\"3\" id=\"3\" > 三三：<input type=\"text\" name=\"33\" id=\"33\" > <br><br>四：<input type=\"text\" name=\"4\" id=\"4\" > 四四：<input type=\"text\" name=\"44\" id=\"44\" ><br><br> 五：<input type=\"text\" name=\"5\" id=\"5\"> 五五：<input type=\"text\" name=\"55\" id=\"55\" >"
    } span_ob.innerHTML=str;   
    }
    </script>
    </HEAD><BODY  >
    <form name="search" id="search" action="test101.asp" method="POST" >
      选择数量：
      <select name="type1" id="type1" onChange="getService('type1','spanid')">
        <option>请选择数量</option>
        <option value="1">1</option>
      <option value="2" >2</option>
      <option value="3" >3</option>
      <option value="4" >4</option>
      <option value="5" >5</option>
       </select>
     <div id="spanid"></div>
     
     
     <input name="" type="submit" value="提交">
    </form></BODY>
    </HTML>