Salve a tutti.
Ho un problema con javascript.

Se possibile provate un po il seguente codice:
-----------------------------------------------------------------
<head>
<SCRIPT LANGUAGE="JavaScript">
function scelta()

{
var indice = document.getElementById("ch1").selectedIndex;

varsel = new Array();
varsel[0]="<SELECT NAME='subcategoria'><OPTION></SELECT>";
varsel[1]="<SELECT NAME='subcategoria'><OPTION><OPTION>a<OPTION>b<OPT ION>c</SELECT>";
varsel[2]="<SELECT NAME='subcategoria'><OPTION><OPTION>d<OPTION>e<OPT ION>f</SELECT>";
varsel[3]="<SELECT NAME='subcategoria'><OPTION><OPTION>g<OPTION>h</SELECT>";
return varsel[indice];
}
</SCRIPT>
</head>
<BODY>
<form>
<SELECT NAME="ch1" onchange="scelta()">
<OPTION>
<OPTION>scelta1
<OPTION>scelta2
<OPTION>scelta3</SELECT>
<SCRIPT type="text/javascript" LANGUAGE="JavaScript" >
document.write(scelta());
</script>
</form>
</BODY>
-----------------------------------------------------------------
Perché la seconda select non viene aggiornata quando scelgo una delle opzioni nella prima select?
Che errore commetto?

Grazie