Hi,
Find the html code below which will help you to resolve your problem
<html>
<script language="javascript">
function ShowItems(val, items) {
var arrValues = eval(items);
var item;
var length = document.getElementById("combo").options.length;
for (var i = 1; i < length; i++)
document.getElementById("combo").options.remove(1);
for (var i = 0; i < arrValues.length; i++) {
item = document.createElement("option");
item.text = arrValues[i];
item.value = arrValues[i];
document.getElementById("combo").options.add(item);
}
}
</script>
<div align="center">
<form name="form1">
<input type="radio" id="f" value="f" name="r" onclick="ShowItems('f','[\'f1\',\'f2\',\'f3\',\'f4\',\'f5\']')" />Father
<input type="radio" id="m" value="m" name="r" onclick="ShowItems('f','[\'m1\',\'m2\',\'m3\',\'m4\',\'m5\',\'m6\',\'m7\',\'m8\']')"/>Mother
<input type="radio" id="k" value="k" name="r" onclick="ShowItems('f','[\'k1\',\'k2\',\'k3\']')"/>Kid
<select id="combo">
<option>--Select--</option>
</select>
</form>
</div>
</html>
Hope this work for you
Thanks
Mehul Thakkar