I changed some of the values since i am posting this here but this is what i am working with.

Every time i run this code it seems to go to the Else never the proper IF.


I have tried If, Else IF, Else same results.

I want the user to select a radial that will in turn limit their options by showing/ hiding the proper combobox.


Thanks in advance!



<script type="text/javascript">
function toggle(s)
{
if (s=='FT')
{
document.getElementById('FT').style.display='block';
document.getElementById('FR').style.display='none';
document.getElementById('DT').style.display='none';
document.getElementById('DR').style.display='none';
}
if (s=='FR')
{
document.getElementById('FT').style.display='none';
document.getElementById('FR').style.display='block';
document.getElementById('DT').style.display='none';
document.getElementById('DR').style.display='none';
}
if (s=='DT')
{
document.getElementById('FT').style.display='none';
document.getElementById('FR').style.display='none';
document.getElementById('DT').style.display='block';
document.getElementById('DR').style.display='none';
}
else (s=='DR')
{
document.getElementById('FT').style.display='none';
document.getElementById('FR').style.display='none';
document.getElementById('DT').style.display='none';
document.getElementById('DR').style.display='block';
}
}
</script>





HTML

div align="center" id="DT" style="position:absolute; left: 344px; top: 159px; height: 43px; width: 165px; z-index: 2; display: none;">
<label>Manager's Name
<select name="DT">
<option value=DT</option>

</select>
</label>

</div>

<div align="center" id="DR" style="position:absolute; left: 342px; top: 159px; height: 43px; width: 165px; z-index: 2; display: none;">
<label>Manager's Name
<select name="DR">
<option value=DR</option>
</select>
</label>
</div>

<div align="center" id="FT" style="position:absolute; left: 343px; top: 158px; height: 43px; width: 165px; z-index: 2; display: none;">
<label>Manager's Name
<select name="FT">
<option value=FT</option>
</select>
</label>

</div>

</div>

<div align="center" id="FR" style="position:absolute; left: 345px; top: 160px; height: 43px; width: 165px; z-index: 2; display: none;">
<label>Manager's Name
<select name="FR">
<option value=DT</option>

</select>
</label>

</div>




<div align="center" id="something1" style="position:absolute; left: 93px; top: 231px; width: 77px; z-index: 16;">
<label>
<input name="radiobutton" id="something1 type="radio" value="something1" onclick="toggle('DR');"/>
something1</label>
</div>

<div align="center" id="something2" style="position:absolute; left: 248px; top: 233px; width: 77px; z-index: 17;">
<label>
<input name="radiobutton" id="something2" type="radio" value="something2" onclick="toggle('FR');"/>
something2</label>
</div>

<div align="center" id="something3" style="position:absolute; left: 248px; top: 188px; width: 77px; z-index: 17;">
<label>
<input name="radiobutton" id="something3" type="radio" value="something3" onclick="toggle('FT');"/>
something3</label>
</div>

<div align="center" id="something4" style="position:absolute; left: 92px; top: 186px; width: 77px; z-index: 17;">
<label>
<input name="radiobutton" id="something4" type="radio" value="something4" onclick="toggle('DT');"/>
something4</label>
</div>