怎样在下拉菜单onchangd时，显示不同个数的文本框

我做了下拉框，里面有两个选项，一个是单一，一个是多个
在选择单一的时候，页面只显示一个文本框
在选择多个的时候，页面显示5个文本框
要求用javascript在客户端实现该功能

哪位大侠可以解答啊
分数不是问题，若能解答的话，分全部都给你也没有问题
谢了阿！！！
！！！！
---------------------------------------------------------------

1<select onchange="document.all.aa.style.display=(this.options[selectedIndex].value=='1'?'none':'')">
2<option value="1">1   
3<option value="5">多   
4</option></option></select>

1<input type="checkbox"/>

1<div id="aa" style="display:none;">
2<input type="checkbox"/><input type="checkbox"/><input type="checkbox"/><input type="checkbox"/>
3</div>

---------------------------------------------------------------

1<select onchange="CreateText(this.value)">
2<option value="1">单一</option>
3<option value="5">多个</option>
4</select>

 1<script>   
 2function CreateText(TextNum){   
 3var obj = null;   
 4var loop = 0;   
 5var i = 0;   
 6  
 7while (i<5){   
 8if(document.getElementById("Txt"+i)!=null){   
 9document.body.removeChild(document.getElementById("Txt"+i));   
10}   
11i ++;   
12}   
13while (loop < TextNum){   
14obj = document.createElement("INPUT");   
15obj.type = "text";   
16obj.id = "Txt"+loop;   
17document.body.appendChild(obj);   
18loop ++;   
19}   
20}   
21</script>

写的匆忙，不够好看，不过功能可以实现。
---------------------------------------------------------------

1<select onchange="doChange(this.value)">
2<option value="1">单</option>
3<option value="5">多</option>
4</select>

1<span id="span1" style="display:none">
2<input style="display:block"/>
3</span>

1<div id="div1"></div>

1<script>   
2function doChange(v){   
3div1.innerHTML=""   
4for(var i=0;i<parseInt(v);i++){   
5div1.appendChild(span1.firstChild.cloneNode())   
6//div1.appendChild(span1.firstChild.cloneNode()).name="txt"+(i+1)   
7}   
8}   
9</script>

---------------------------------------------------------------

1<select onchange="eval(this.value).style.display='';for(i=0;i&lt;this.options.length;i++){if(i!=this.selectedIndex)eval(this.options[i].value).style.display='none'}">
2<option selected="" value="a">1   
3<option value="b">多   
4</option></option></select>

1<div id="a"><input/></div>

1<div id="b" style="display:none;">
2<input/><input/><input/><input/>
3</div>