Problem to display corresponding List box when radio button selected

Hi all,
Can anyone give me a suggestion how to crack this task:
I have three radio buttons of a group: Employee wise, Dept wise, Shift wise
If I select one radio button I have to display corresponding Dropdown list box in the next
row. i.e.,
First Row consists of: Radio buttons, Employee wise, Dept wise, Shift wise
Second Row consists of: 1 Dropdown list box - It can belong to either of the Radio button's
depending on the selection made.

If I have three dropdown list boxes I need to display only one list box which belongs to
the selected radio button. Have to hide the other two.

Is this what you want:

<html>
<head>
<script type="text/javascript">
function check(radioValue)
{
 
if(radioValue=="IE") {
document.getElementById("s1").style.visibility="visible"
document.getElementById("s2").style.visibility="hidden"
document.getElementById("s3").style.visibility="hidden"
} else if (radioValue=="Firefox") {
document.getElementById("s1").style.visibility="hidden"
document.getElementById("s2").style.visibility="visible"
document.getElementById("s3").style.visibility="hidden"
 
} else {
document.getElementById("s1").style.visibility="hidden"
document.getElementById("s2").style.visibility="hidden"
document.getElementById("s3").style.visibility="visible"
 
}
 
}
function hideDropDowns(){
 
document.getElementById("s1").style.visibility="hidden"
document.getElementById("s2").style.visibility="hidden"
document.getElementById("s3").style.visibility="hidden"
}

</script>
</head>
 
<body onload="hideDropDowns()">
<p>What's your favorite browser:</p>
<form>
<table>
<tr>
<td>
<input type="radio" name="browser" onclick="check(this.value)" value="IE">Internet Explorer</td>
<td>
<select id="s1">
<option>S1</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="radio" name="browser" onclick="check(this.value)" value="Firefox">Firefox</td>
<td>
<select id="s2">
<option>S2</option>
</select>
</tr>
<tr>
<td>
<input type="radio" name="browser" onclick="check(this.value)" value="Netscape">Netscape<td/>
<td>
<select id="s3" visible="0">
<option>S3</option>
</select>
</td>
</tr>
</table>
</form>
</body>
 
</html>

Hi Jai Kiran

Thanks a lot.. It was exactly what I was looking for...

U have helped me a lot, though it's a small piece of code for you, I am struggling hard for that since morning....

Thanks a lot again.