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

Question

<select onchange="document.all.aa.style.display=(this.options[selectedIndex].value=='1'?'none':'')">
<option value="1">1
<option value="5">多
</select>
<input type=checkbox>
<div id=aa style="display:none;">
<input type=checkbox><input type=checkbox><input type=checkbox><input type=checkbox>
</div>

Answer 1

<select onchange=CreateText(this.value)>
<option value="1">单一</option>
<option value="5">多个</option>
</select><script>
function CreateText(TextNum){
var obj = null;
var loop = 0;
var i = 0;

while (i<5){
if(document.getElementById("Txt"+i)!=null){
document.body.removeChild(document.getElementById("Txt"+i));
}
i ++;
}
while (loop < TextNum){
obj = document.createElement("INPUT");
obj.type = "text";
obj.id = "Txt"+loop;
document.body.appendChild(obj); 
loop ++;
}
}
</script>
写的匆忙，不够好看，不过功能可以实现。

Answer 2

<select onchange="doChange(this.value)">
<option value=1>单</option>
<option value=5>多</option>
</select><span style="display:none" id=span1>
<input style="display:block">
</span><div id=div1></div><script>
function doChange(v){
div1.innerHTML=""
for(var i=0;i<parseInt(v);i++){
    div1.appendChild(span1.firstChild.cloneNode())
    //div1.appendChild(span1.firstChild.cloneNode()).name="txt"+(i+1)  
} 
}
</script>

Answer 3

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