Prendilo per quello che è (un codice "giocattolo"), ma è solo per darti un'idea di come fare. Dovresti verificare la compatibilità cross-browser (su IE funziona, non so Firefox e compagnia bella):
codice:
<html>
<head>
<script type="text/javascript">
function changeSelection()
{
if (document.getElementById('menu').selectedIndex == 0)
{
document.getElementById('menu1').style.display = 'block';
document.getElementById('menu2').style.display = 'none';
document.getElementById('menu3').style.display = 'none';
}
else if (document.getElementById('menu').selectedIndex == 1)
{
document.getElementById('menu1').style.display = 'none';
document.getElementById('menu2').style.display = 'block';
document.getElementById('menu3').style.display = 'none';
}
else if (document.getElementById('menu').selectedIndex == 2)
{
document.getElementById('menu1').style.display = 'none';
document.getElementById('menu2').style.display = 'none';
document.getElementById('menu3').style.display = 'block';
}
}
</script>
</head>
<body>
<form name="prova" action="prova.jsp" method="post">
<select id="menu" onChange="changeSelection()">
<option>prova1</option>
<option>prova2</option>
<option>prova3</option>
</select>
<select style="display: none;" id="menu1">
<option>prova1</option>
<option>prova2</option>
<option>prova3</option>
</select>
<select style="display: none;" id="menu2">
<option>prova1</option>
<option>prova2</option>
<option>prova3</option>
</select>
<select style="display: none;" id="menu3">
<option>prova1</option>
<option>prova2</option>
<option>prova3</option>
</select>
</form>
</body>
</html>