根据<select>选中的值，生成相应的radio
例如<select><option>男</option><option>女</option></select>
如果选中的是 男，下面会显示性别为男的人员的单选框
<input type="radio" name="B1" value="B1">王军
<input type="radio" name="B2" value="B2">刘海
如果选中的是 女，下面会显示性别为女的人员的单选框
<input type="radio" name="G1" value="G1">杨红
<input type="radio" name="G2" value="G2">孙燕
<input type="radio" name="G3" value="G3">马媛媛

select用onchange事件触发相应的函数

那个函数里就要做显示radio和隐藏或去掉radio的工作
可以用隐藏的方法，比较简单点
分别用两个ID不用Div把两组radio包含起来，比如Div1和Div2
当选中男时，就把Div2隐藏，把Div1显示
当选中女时，就把Div1隐藏，把Div2显示

另一种方法就是用createElement和appendChild等等方法。

你还是用第一种好了

非常感谢 JavaEE5 不过第一种办法 太耗费资源了 有没有更好的办法呀？

<script>
function del_create_Radio(){
var Div_Radio = document.getElementById("Div_Radio");
//Div_Radio.innerHTML = "";
if(form1.select1.value=="1") {
//var radio = document.createElement("radio");
Div_Radio.innerHTML = "<input type=\"radio\" name=\"B1\" value=\"B1\">王军\n<input type=\"radio\" name=\"B2\" value=\"B2\">刘海";
}
else if(form1.select1.value=="2") {
Div_Radio.innerHTML = "<input type=\"radio\" name=\"G1\" value=\"G1\">杨红\n<input type=\"radio\" name=\"G2\" value=\"G2\">孙燕\n<input type=\"radio\" name=\"G3\" value=\"G3\">马媛媛\n";
}
else {
Div_Radio.innerHTML = "";
}
}
</script>
<form id="form1" name="form1" method="post" action="">
<select name="select1" onchange="del_create_Radio()" id="select1">
<option selected="selected"> </option>
<option value="1">男</option>
<option value="2">女</option>
</select>
<div id="Div_Radio">
</div>
</form>

谢谢

不错,收藏了，不过你那代码好象有点问题,你那是个单选框,为什么可以多选呢,这个需要改一下.

对对！！
Sorry。。。
把Radio的Name改成一样就行了