PDA

Click to See Complete Forum and Search --> : how to show/hide menu dependin on selection from a selectbox

vital
12-26-2002, 03:49 AM
say i have two select boxes, country and menu2. I want menu2 only to show if UK is selected...
how would i do this with javascript?

<select name=country>
<option value="USA">USA</option>
<option value="UK">United Kingdom</option>
</select>

<select name=menu2>
<option value="item1">item1</option>
<option value="item2">item2</option>
</select>
ShrineDesigns
12-26-2002, 05:37 AM
try this

<html>
<head>
<title></title>
<script language="JavaScript" type="text/JavaScript">
<!--
function showMenu(){
var s = document.myForm.country;
var list = s.options[s.selectedIndex];
if (list.value == "UK"){
document.myForm.menu2.style.visibility = "visible";
}else{
document.myForm.menu2.style.visibility = "hidden";
}
}
//-->
</script>
</head>
<body>
<form action="" method="get" name="myForm">
<select name="country" onChange="showMenu()">
<option value="USA">USA</option>
<option value="UK">United Kingdom</option>
</select>
<select name="menu2" style="visibility:hidden;">
<option value="item1">item1</option>
<option value="item2">item2</option>
</select>
</form>
</body>
</html>