select dinamiche regione-provincia

[alexinside83]

ciao a tutti...
vorrei fare in javascript le classiche select regione-provincia, ovvero, quando scelgo in una select una regione, mi fa vedere le sue relative province nell'altra...

ci sono quasi riuscito ma ho ancora 2 problemi:
il primo e che non mi cancella le provincie precedenti se eseguo piu selezioni sulle reioni.
La seconda e che il value delle text è vuoto.
vi posto il codice.

function carica_province(regione){
var arrayProvince= new Array('Aquila','Chieti','Pescara','Teramo','Matera','Potenza','Catanzaro','Cosenza','Crotone','Reggio-Calabria','Vibo-Valentia','Avellino','Benevento','Caserta','Napoli','Salerno','Bologna','Ferrara','Forli-Cesena','Modena','Parma','Piacenza','Ravenna','Reggio-Emilia','Rimini','Gorizia','Pordenone','Trieste','Udine','Frosinone','Latina','Rieti','Roma','Viterbo','Genova','Imperia','La-Spezia','Savona','Bergamo','Brescia','Como','Cremona','Lecco','Lodi','Mantova','Milano','Pavia','Sondrio','Varese','Ancona','Ascoli-Piceno','Macerata','Pesaro-Urbino','Campobasso','Isernia','Alessandria','Asti','Biella','Cuneo','Novara','Torino','Verbania','Vercelli','Bari','Brindisi','Foggia','Lecce','Taranto','Cagliari','Nuoro','Oristano','Sassari','Agrigento','Caltanissetta','Catania','Enna','Messina','Palermo','Ragusa','Siracusa','Trapani','Arezzo','Firenze','Grosseto','Livorno','Lucca','Massa-Carrara','Pisa','Pistoia','Prato','Siena','Bolzano','Trento','Perugia','Terni','Aosta','Belluno','Padova');

var da;
var a;
var var_regione;
var_regione=regione.value;
var newElem;


switch (var_regione){
case "Abruzzo":
	da=0;
	a=4;
break;

case "Basilicata":
	da=4;
	a=6;
break;

case "Calabria":
	da=6;
	a=11;
break;

}

darimuovere=document.form1.provincia.options.length;
alert(darimuovere);
i=0;
while (i<darimuovere) {
        alert("passa");
		document.form1.provincia.remove[i];
    i++;
	}

for (i=da;i<a;i++){
	alert(arrayProvince[i])
			/*newElem = document.createElement("option");
            newElem.text = arrayProvince[i].text;
            newElem.value = arrayProvince[i].value;*/
document.form1.provincia.options[i]=new Option(arrayProvince[i]);
	//document.form1.provincia.add(newElem)
} 


}
         
</script>

grazie a tutti.

[var]

prova a leggere qui.

ciao

[willybit]

Ciao alexinside83,

per eliminare le option io non ho mai visto remove... e in ogni caso dovresti rimmuovere dall'ultima option alla prima.
Poi quando popoli la select con i nuovi valori sbagli indice
te sistemo un po' lo scrippete

darimuovere=document.form1.provincia.options.length;
alert(darimuovere);
for(i=darimuovere-1;i>=0;i--){
	document.form1.provincia.options[i]=null;
}

var cont=0
for (i=da;i<a;i++){
	alert(arrayProvince[i])
			/*newElem = document.createElement("option");
            newElem.text = arrayProvince[i].text;
            newElem.value = arrayProvince[i].value;*/
document.form1.provincia.options[cont]=new Option(arrayProvince[i]);
cont++
	//document.form1.provincia.add(newElem)
}