给分，下拉列表框 改变单选按钮组

Question

下拉列表框 改变单选按钮组
选择下拉列表时 显示不同组的单选按钮
<option  value="x">xxx</option>
<option  value="y">yyy</option>
选择xxx时
显示
xxx1<INPUT type="radio" value="xxx1" name="xxx">
xxx2<INPUT type="radio" value="xxx2" name="xxx">
选择yyy时
显示
yyy1<INPUT type="radio" value="yyy1" name="yyy">
yyy2<INPUT type="radio" value="yyy2" name="yyy">
谢谢了~！要分一定给

Answer 1

<select onChange="testGG()" id="selxy">
<option  value="x" selected>xxx</option>
<option  value="y">yyy</option>
</select>
<div id="xxx" >
xxx1<INPUT type="radio" value="xxx1" name="xxx">
xxx2<INPUT type="radio" value="xxx2" name="xxx">
</div>
<div id="yyy" style="display:none">
yyy1<INPUT type="radio" value="yyy1" name="yyy">
yyy2<INPUT type="radio" value="yyy2" name="yyy">
</div>
<script language="javascript">
function testGG(){
   var x = document.getElementById("xxx");
   var y = document.getElementById("yyy");
   if(selxy.value=="x"){
       x.style.display="block";
   y.style.display="none";
   }else{
       y.style.display="block";
   x.style.display="none";
   }}
</script>

Answer 2

搞不定呀
<option  value="x">xxx</option>
<option  value="y">yyy</option>
这里面xxx yyy 都是变量 而且不只两个呀
555~！

Answer 3

<select onChange="testGG()" id="selxy">
<option  value="x" selected>xxx</option>
<option  value="y">yyy</option>
<option  value="c">a</option>
<option  value="d">m</option>
</select>
<div id="alterContentDiv" ></div><script language="javascript">
function testGG(){
var selObj=document.getElementById("selxy");
var selectedOption=selObj.options[selObj.selectedIndex];
var text=selectedOption.text;
var value=selectedOption.value;
    var s=text+'1<INPUT type="radio" value="'+text+'1" name="radioName_'+text+'">'
    s+=text+'2<INPUT type="radio" value="'+text+'2" name="radioName_'+text+'">'
    document.getElementById("alterContentDiv").innerHTML=s;
}
testGG();
</script>