Ciao
sono riuscito a tirar fuori, qui e là, questo codex ma funziona al 75 % xchè rimane un problema:Non sono riuscito a fare in modo che a secondo dell'option cliccato mostri la select dinamica prevista o la nasconda se non prevista qualora si clicchi una seconda volta su una option che non prevedeva la select dinamica.Questo perchè rimane a video la seconda select quando invece dovrebbe sparire...qualcuno riesce a vedere dove sbagio nell codex x nasconderla....
X il resto, come da titolo, sembra funzionare abbastanza bene....
Grazie a tutti x la risposta.Stano

<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
<!--
// Pulldown menù dinamici, by Alberto Sartori (ras78@libero.it)
//var animali = new Array("Seleziona","Mammiferi", "Rettili", "Uccelli", "pesci");
var Mammiferi = new Array("Seleziona","erbivori","carnivori","onnivori ");
var Rettili = new Array("Seleziona","serpenti","rane","lucertole");
var carnivori = new Array("Seleziona","felini","canini");


function swapOptions(the_array_name){
var numbers_select = window.document.form1.tipologia;
var the_array = eval(the_array_name);
setOptionText(window.document.form1.tipologia,the_ array);
}

function setOptionText(the_select, the_array){
the_select.length=the_array.length;
for (c=0; c < the_array.length; c++){
the_select.options[c].text = the_array[c];}}

function show(id,id2){
if (document.all){
document.all[id].style.visibility="visible";
document.all[id2].style.visibility="hidden";
}else
if (document.layers){
document.layers[id].visibility="show";
document.layers[id2].visibility="hide";
}
else
if (document.getElementById)
{
document.getElementById(id).style.visibility="visi ble";
document.getElementById(id2).style.visibility="hid den";
}
}
//-->
</script></head>
<body onload="document.form1.animali.selectedIndex=0;">



<font size="5" color="#0000FF">[b]test[b]</font>
<form name="form1">


<table>
<tr>
<td align="right" colspan="1"><font size="4" color="#0000FF">Tipologia</font>
<select name="animali" style="Width:205" onChange="swapOptions(window.document.form1.animal i.options[selectedIndex].text);">
<option value="seleziona">Seleziona</option>
<option value="1">Mammiferi</option>
<option value="2">Rettili</option>
<option value="3">Uccelli</option>
<option value="4">Pesci</option>
</select></td></tr>
<tr><td align="right" colspan="1"><font size="4" color="#0000FF">Composizione</font>
<select size="1" name="tipologia" style="Width:205" onChange="if (animali.value == 1){show('a3')}else if (animali.value == 2){show('a2')}else{alert('tutto ok')};">
<option>seleziona</option>
</select></td></tr>
<tr>
<td align="right" colspan="1" ID="a2" STYLE="visibility:hidden;"><font size="4" color="#0000FF">Piano</font>
<SELECT name="elenco" style="Width:205" onChange="if (this.selectedIndex!=0) {self.location.replace(this.options[this.selectedIndex].value)}">
<option value="seleziona">seleziona</option>
<option value="0">Mucca</option>
<option value="1">Zebra</option>
<option value="2">Giraffa</option>
<option value="3">Bisonte</option>
</SELECT>
</td>
<td align="right" colspan="1" ID="a3" STYLE="visibility:hidden;"><font size="4" color="#0000FF">Piano</font>
<SELECT name="elenco" style="Width:205" onChange="if (this.selectedIndex!=0) {self.location.replace(this.options[this.selectedIndex].value)}">
<option value="seleziona">seleziona</option>
<option value="0">leone</option>
<option value="1">Leopardo</option>
<option value="2">Tigre</option>
<option value="3">pantera</option>
</SELECT>
</td></tr>

</table>
</form>
</body>
</html>