Javascript 根据选择框中的选项显示单选按钮

我有一个选择框，当选项更改时，它会显示另一个选择框，它工作正常，但我想让单选按钮显示而不是选择框。有人能帮我吗

 .sub{display:none;}

 <script type="text/javascript">
 var $sub = $('select.sub');
 $('select').first().change(function () {    
 $sub.hide();
 if (this.selectedIndex > 0)
   $sub.eq(this.selectedIndex - 1).show();
 }).change();
</script>

 <select><--!main select box--!>
 <option value="">select</option>
 <option> one</option>
 <option> two </option>
 </select>

 <select class="sub">
 <option> one 1</option>
 <option> one 2</option
 </select>

 <select class="sub">
 <option> two 1</option>
 <option> two 2</option>
 </select>

.sub{display:none；}
var$sub=$（'select.sub'）；
$（'select'）.first（）.change（函数（）{
$sub.hide（）；
如果（此.selectedIndex>0）
$sub.eq（this.selectedIndex-1.show（）；
}).change（）；
选择
一
2
一1
如果这是你想要的东西

<select>
 <option value="">select</option>
 <option value="sub1"> one</option>
 <option value="sub2"> two </option>
 </select>

<div class="sub sub1">
<input type="radio">one 1
<input type="radio">one 2
</div>
<div class="sub sub2">
<input type="radio">two 1
<input type="radio">two 2
</div>


$('.sub').hide();

$('select').on('change', function(){
    $('.' + this.value).show();
});


选择
一
2
一1
一二
二1
两个2
$（'.sub'）.hide（）；
$（'select'）。在（'change'，function（）上{
$（'.+this.value）.show（）；
});

您需要将这些单选按钮分组。。。你能为那些选择框指定名称吗
<select>
 <option value="">select</option>
 <option value="sub1"> one</option>
 <option value="sub2"> two </option>
 </select>

<div class="sub sub1">
<input type="radio">one 1
<input type="radio">one 2
</div>
<div class="sub sub2">
<input type="radio">two 1
<input type="radio">two 2
</div>


$('.sub').hide();

$('select').on('change', function(){
    $('.' + this.value).show();
});