menu in javascript

[fifth]

Ciao a tutti. Ho un menu a tendina in un file hrml. In base a quello che seleziono in quel menu devo far comparire un secondo menu a tendina oppure un terzo, ognuno dei quali ha contenuti ovviamente relativi alla scelta effettuata sul primo. Ho provato a guardare in rete in vari manuali ma non sono riuscito a capire come fare... Qualcuno sa aiutarmi?
Grazie

[fifth]

Sono riuscito a fare questo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">

function nascondi() { document.getElementById("menu").style.visibility= "hidden";
}
function vedi() { document.getElementById("menu").style.visibility= "visible";
}

</script>
</head>
<body onLoad=nascondi()>
<div id="menu" style="position:absolute;color:white;">
<select name=navigation size=1>
<option>option1</option>
<option>option2</option>
</select>
&nbsp;&nbsp;&nbsp;&nbsp;<input name=acc type=submit value=Accetta onClick=vedi()>
</div>
</body>
</html>

ma questo mi fa semplicemente comparire il secondo menu alla pressione del bottone.

[fifth]

Ho risolto inserendo una onChange sulla select