如何实现选中单选按钮后显示出其它表单元素？

Question

<script>
function show(j)
{
for(i=1;i<=3;i++)
eval("document.all.show"+i+".style.display='none'");
eval("document.all.show"+j+".style.display='block'");
}
</script>
<input type=radio id=myradio onclick=show(this.value) value=1>text
<input type=radio id=myradio onclick=show(this.value) value=2>checkbox
<input type=radio id=myradio onclick=show(this.value) value=3>select
<input type=text id=show1 style="display:none">
<input type=checkbox id=show2 style="display:none">
<select id=show3 style="display:none">
<option>1
<option>2
</select>

Answer 1

<input type="button"  onClick="document.getElementById('Layer1').style.display = ''">
<div id="Layer1" style="position:relative; width:84px; height:82px; z-index:10; left: 0px; top: 0px;padding-top: 2;padding-left: 2;display:'none'" onMouseOut="document.getElementById('Layer1').style.display = 'none'"> 
相应的下拉框,文本框
</div>不同的按钮对应不同的层就可以了,要是你用dreamweaver做的话,这些代码都不用手工写.

Answer 2

有没有可能在script里动态产生下拉框之类的东西？因为我的情况是
进入页面时只有三个radio button和提交按钮，点击radio1时出现文本框，
点击radio2时出现数个下拉框，点击radio3时不出现其它表单元素。应该怎么做呢？ps：我用的是FrontPage，我也不是专业网页人员，只是我们的程序需要
一点点页面而已，所以能给出代码例子最好，谢谢。

Answer 3

<script>
function show(j)
{
for(i=1;i<=3;i++)
eval("document.all.show"+i+".style.display='none'");
eval("document.all.show"+j+".style.display='block'");
}
</script>
<input type=radio id=myradio onclick=show(this.value) value=1>text
<input type=radio id=myradio onclick=show(this.value) value=2>checkbox
<input type=radio id=myradio onclick=show(this.value) value=3>select
<input type=text id=show1 style="display:none">
<div id=show2 style="display:none">
<select>
<option>1
<option>2
</select>
<select>
<option>3
<option>4
</select>
</div>
<div id=show3></div>

Answer 4

sorry
<script>
function show(j)
{
for(i=1;i<=3;i++)
eval("document.all.show"+i+".style.display='none'");
eval("document.all.show"+j+".style.display='block'");
}
</script>
<input type=radio name=myradio onclick=show(this.value) value=1>text
<input type=radio name=myradio onclick=show(this.value) value=2>selects
<input type=radio name=myradio onclick=show(this.value) value=3>none
<input type=text id=show1 style="display:none">
<div id=show2 style="display:none">
<select>
<option>1
<option>2
</select>
<select>
<option>3
<option>4
</select>
</div>
<div id=show3></div>