Salve a tutti,
sto cercando di concatenare tre select. Nella prima si sceglie la nazione e la seconda si popola dinamicamente con la città. Scegliendo poi la città, si popola la terza, quella dei comuni.
La seconda riesco a popolarla tranquillamente (seleziono Italia, ad esempio) e mi escono Roma e Milano. Quando però vado a selezionare Roma, la terza rimane bianca e non si riempie con i rispettivi comuni.
Nella speranza che qualcuno mi possa dare una mano, posto il codice.
Mille grazie a tutti coloro che vorranno intervenire.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head><title>Select doppia - Esempio JavaScript scaricato da HTML.it</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">

var cittas = new Array("---","Roma","Milano");
var comuni_roma = new Array("---","Affile","Cerveteri");
var comuni_milano = new Array("---","Rho","San Donato Milanese");


function set_citta() {
var select_nazione = document.myform.nazione;
var select_citta = document.myform.citta;
var selected_nazione = select_nazione.options[select_nazione.selectedIndex].value;
select_citta.options.length=0;
if (selected_nazione == "Italia") {
for(var i=0; i<cittas.length; i++) {
select_citta.options[select_citta.options.length] = new Option(cittas[i]);
}
}
}


function set_comune() {
var select_citta = document.myform.citta;
var select_comune = document.myform.comune;
var selected_citta = select_citta.options[select_citta.selectedIndex].value;
select_comune.options.length=0;
if (selected_citta == "Roma") {
for(var i=0; i<comuni_roma.length; i++) {
select_comune.options[select_comune.options.length] = new Option(comuni_roma[i]);
}
}
}



</script>
</head>
<body>


<div align="center">
<font color="#ff4500"><h2>Select dinamica</h2></font>
<form name="myform" method="POST">
<table>
<tr>
<td>Nazione:</td>
<td>
<select name="nazione" onchange="set_citta()">
<option value="---">---
<option value="Afghanistan">Afghanistan
<option value="Albania">Albania
<option value="Algeria">Algeria
<option value="Italia">Italia
</select>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Città:</td>
<td>
<select name="citta" onchange="set_comune()">
<option value="---">---
</select>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Comune:</td>
<td>
<select name="comune">
<option value="---">---
</select>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>