Checkboxes to control visability

[lizsterine]

Hi all,

I am developing a form which allows a user to select the "product" from a number of drop down menus. I don't want these menus visible until they check the box next to it.

What I've done so far is that the menus start off invisible and when the box is checked they appear. Now this is where I'm stuck. I want the dropdowns to dissappear when the checkbox is "unchecked". This does not happen. :confused:

I have found a code on this forum that does what I want with radio buttons, but I would like it to be done with a checkbox. I have also found code to disable and enable a drop down using a checkbox, but I want mine to be hidden/visible.

Unfortunatly, I do not have a sample of my code here to post. (it's at home, I'm at work. Helpful huh?) Any advice or help will be appreciated.

Thanks.

[boywonder]

somethin like this what you're after?

<script language="JavaScript" type="text/javascript">
<!--
function toggle(chkd){
document.frm.sel.style.visibility = chkd?"visible":"hidden";
}
//-->
</script>
<form name="frm">
<select name="sel" style="visibility: hidden;">
<option value="1">1
<option value="2">2
<option value="3">3
</select>
<br><br>
<input type="checkbox" onclick="toggle(this.checked);"> hide/show dropdown
</form>

[lizsterine]

Thats it! Perfect. Thanks a lot. :thumbsup: