Combobox regione e provincia referenziate tramite JavaScript

Pubblicato il 30 Gennaio 2012

Nell’articolo ComboBox pronte all’uso: select nazioni, regioni e province ho condiviso l’HTML delle combobox di nazione, regione e provincia per offrirti un comodo copia-incolla.

Oggi condivido l’HTML e una funzione JavaScript che ti permetterà di implementare le combo regione e provincia “referenziate“. In pratica, selezionando una regione nella prima combobox, verranno poi caricate le rispettive province nella seconda.

Combo regioni

Seleziona
abruzzo
basilicata
calabria
campania
emilia romagna
friuli venezia giulia
lazio
liguria
lombardia
marche
molise
piemonte
puglia
sardegna
sicilia
toscana
trentino alto adige
umbria
valle d'aosta
veneto

Combo province

Seleziona
 

Combo regioni (edit version)

 >Seleziona
 >abruzzo
 >basilicata
 >calabria
 >campania
 >emilia romagna
 >friuli venezia giulia
 >lazio
 >liguria
 >lombardia
 >marche
 >molise
 >piemonte
 >puglia
 >sardegna
 >sicilia
 >toscana
 >trentino alto adige
 >umbria
 >valle d'aosta
 >veneto

Combo province (edit version)

 >Seleziona
 >Agrigento
 >Alessandria
 >Ancona
 >Aosta
 >Arezzo
 >Ascoli Piceno
 >Asti
 >Avellino
 >Bari
 >Barletta-Andria-Trani
 >Belluno
 >Benevento
 >Bergamo
 >Biella
 >Bologna
 >Bolzano
 >Brescia
 >Brindisi
 >Cagliari
 >Caltanissetta
 >Caserta
 >Catania
 >Catanzaro
 >Chieti
 >Como
 >Cosenza
 >Cremona
 >Crotone
 >Cuneo
 >Enna
 >Ferrara
 >Firenze
 >Foggia
 >Forlì-Cesena
 >Frosinone
 >Genova
 >Gorizia
 >Grosseto
 >Imperia
 >L\'Aquila
 >La Spezia
 >Latina
 >Lecce
 >Lecco
 >Livorno
 >Lodi
 >Lucca
 >Macerata
 >Mantova
 >Massa Carrara
 >Matera
 >Messina
 >Milano
 >Modena
 >Monza Brianza
 >Napoli
 >Novara
 >Nuoro
 >Olbia-Tempio
 >Oristano
 >Padova
 >Palermo
 >Parma
 >Pavia
 >Perugia
 >Pesaro e Urbino
 >Pescara
 >Piacenza
 >Pisa
 >Pistoia
 >Pordenone
 >Potenza
 >Prato
 >Ragusa
 >Ravenna
 >Reggio Calabria
 >Repubblica di San Marino
 >Rieti
 >Rimini
 >Roma
 >Rovigo
 >Salerno
 >Sassari
 >Savona
 >Siena
 >Siracusa
 >Sondrio
 >Taranto
 >Teramo
 >Terni
 >Torino
 >Trapani
 >Trento
 >Treviso
 >Trieste
 >Udine
 >Varese
 >Venezia
 >Verb-Cus-Ossola
 >Vercelli
 >Verona
 >Vibo Valentia
 >Vicenza
 >Viterbo           

Ed ecco la funzione JavaScript

function loadProvincia(param) {

var str = "";

    if (param=="") {
   
        str += 'Seleziona';
        str += 'Agrigento';
        str += 'Alessandria';
        str += 'Ancona';
        str += 'Aosta';
        str += 'Arezzo';
        str += 'Ascoli Piceno';
        str += 'Asti';
        str += 'Avellino';
        str += 'Bari';
        str += 'Barletta-Andria-Trani';
        str += 'Belluno';
        str += 'Benevento';
        str += 'Bergamo';
        str += 'Biella';
        str += 'Bologna';
        str += 'Bolzano';
        str += 'Brescia';
        str += 'Brindisi';
        str += 'Cagliari';
        str += 'Caltanissetta';
        str += 'Caserta';
        str += 'Catania';
        str += 'Catanzaro';
        str += 'Chieti';
        str += 'Como';
        str += 'Cosenza';
        str += 'Cremona';
        str += 'Crotone';
        str += 'Cuneo';
        str += 'Enna';
        str += 'Ferrara';
        str += 'Firenze';
        str += 'Foggia';
        str += 'Forlì-Cesena';
        str += 'Frosinone';
        str += 'Genova';
        str += 'Gorizia';
        str += 'Grosseto';
        str += 'Imperia';
        str += 'L\'Aquila';
        str += 'La Spezia';
        str += 'Latina';
        str += 'Lecce';
        str += 'Lecco';
        str += 'Livorno';
        str += 'Lodi';
        str += 'Lucca';
        str += 'Macerata';
        str += 'Mantova';
        str += 'Massa Carrara';
        str += 'Matera';
        str += 'Messina';
        str += 'Milano';
        str += 'Modena';
        str += 'Monza Brianza';
        str += 'Napoli';
        str += 'Novara';
        str += 'Nuoro';
        str += 'Olbia-Tempio';
        str += 'Oristano';
        str += 'Padova';
        str += 'Palermo';
        str += 'Parma';
        str += 'Pavia';
        str += 'Perugia';
        str += 'Pesaro e Urbino';
        str += 'Pescara';
        str += 'Piacenza';
        str += 'Pisa';
        str += 'Pistoia';
        str += 'Pordenone';
        str += 'Potenza';
        str += 'Prato';
        str += 'Ragusa';
        str += 'Ravenna';
        str += 'Reggio Calabria';
        str += 'Repubblica di San Marino';
        str += 'Rieti';
        str += 'Rimini';
        str += 'Roma';
        str += 'Rovigo';
        str += 'Salerno';
        str += 'Sassari';
        str += 'Savona';
        str += 'Siena';
        str += 'Siracusa';
        str += 'Sondrio';
        str += 'Taranto';
        str += 'Teramo';
        str += 'Terni';
        str += 'Torino';
        str += 'Trapani';
        str += 'Trento';
        str += 'Treviso';
        str += 'Trieste';
        str += 'Udine';
        str += 'Varese';
        str += 'Venezia';
        str += 'Verb-Cus-Ossola';
        str += 'Vercelli';
        str += 'Verona';
        str += 'Vibo Valentia';
        str += 'Vicenza';
        str += 'Viterbo';

    }
   
   
    if (param=="abruzzo") {
   
        str += 'Seleziona';
        str += 'Chieti';
        str += 'L\'Aquila';
        str += 'Pescara';
        str += 'Teramo';
   
    }
   
   
   
    if (param=="basilicata") {
   
        str += 'Seleziona';
        str += 'Matera';
        str += 'Potenza';
   
    }
   
   
   
    if (param=="calabria") {
   
        str += 'Seleziona';
        str += 'Catanzaro';
        str += 'Cosenza';
        str += 'Crotone';
        str += 'Reggio Calabria';
        str += 'Vibo Valentia';
   
    }
   
   
   
   
    if (param=="campania") {
   
        str += 'Seleziona';
        str += 'Avellino';
        str += 'Benevento';
        str += 'Caserta';
        str += 'Napoli';
        str += 'Salerno';
   
    }
   
   
   
   
    if (param=="emilia romagna") {
   
        str += 'Seleziona';
        str += 'Bologna';
        str += 'Ferrara';
        str += 'Forlì-Cesena';
        str += 'Modena';
        str += 'Parma';
        str += 'Piacenza';
        str += 'Ravenna';
        str += 'Repubblica di San Marino';
        str += 'Rimini';
   
    }
   
   
   
   
    if (param=="friuli venezia giulia") {
   
        str += 'Seleziona';
        str += 'Gorizia';
        str += 'Pordenone';
        str += 'Trieste';
        str += 'Udine';
   
    }
   
   
   
   
    if (param=="lazio") {
   
        str += 'Seleziona';
        str += 'Frosinone';
        str += 'Latina';
        str += 'Rieti';
        str += 'Roma';
        str += 'Viterbo';
   
    }
   
   
   
   
   
    if (param=="liguria") {
   
        str += 'Seleziona';
        str += 'Genova';
        str += 'Imperia';
        str += 'La Spezia';
        str += 'Savona';
   
    }
   
   
   
   
    if (param=="lombardia") {
   
        str += 'Seleziona';
        str += 'Bergamo';
        str += 'Brescia';
        str += 'Como';
        str += 'Cremona';
        str += 'Lecco';
        str += 'Lodi';
        str += 'Mantova';
        str += 'Milano';
        str += 'Monza Brianza';
        str += 'Pavia';
        str += 'Sondrio';
        str += 'Varese';
   
    }
   
   
   
   
    if (param=="marche") {
   
        str += 'Seleziona';
        str += 'Ancona';
        str += 'Ascoli Piceno';
        str += 'Macerata';
        str += 'Pesaro e Urbino';
   
    }
   
   
   
   
    if (param=="piemonte") {
   
        str += 'Seleziona';
        str += 'Alessandria';
        str += 'Asti';
        str += 'Biella';
        str += 'Cuneo';
        str += 'Novara';
        str += 'Torino';
        str += 'Verb-Cus-Ossola';
        str += 'Vercelli';
   
    }
   
   
   
   
    if (param=="puglia") {
   
        str += 'Seleziona';
        str += 'Bari';
        str += 'Barletta-Andria-Trani';
        str += 'Brindisi';
        str += 'Foggia';
        str += 'Lecce';
        str += 'Taranto';
   
    }
   
   
   
   
   
    if (param=="sardegna") {
   
        str += 'Seleziona';
        str += 'Cagliari';
        str += 'Nuoro';
        str += 'Olbia-Tempio';
        str += 'Oristano';
        str += 'Sassari';
   
    }
   
   
   
   
    if (param=="sicilia") {
   
        str += 'Seleziona';
        str += 'Agrigento';
        str += 'Caltanissetta';
        str += 'Catania';
        str += 'Enna';
        str += 'Messina';
        str += 'Palermo';
        str += 'Ragusa';
        str += 'Siracusa';
        str += 'Trapani';
   
    }
   
   
   
   
    if (param=="toscana") {
   
        str += 'Seleziona';
        str += 'Arezzo';
        str += 'Firenze';
        str += 'Grosseto';
        str += 'Livorno';
        str += 'Lucca';
        str += 'Massa Carrara';
        str += 'Pisa';
        str += 'Pistoia';
        str += 'Prato';
        str += 'Siena';
   
    }
   
   
   
   
    if (param=="trentino alto adige") {
   
        str += 'Seleziona';
        str += 'Bolzano';
        str += 'Trento';
   
    }
   
   
   
   
    if (param=="umbria") {
   
        str += 'Seleziona';
        str += 'Perugia';
        str += 'Terni';
   
    }
   
   
   
    if (param=="valle d'aosta") {
   
        str += 'Seleziona';
        str += 'Aosta';
   
    }
   
   
   
   
    if (param=="veneto") {
   
        str += 'Seleziona';
        str += 'Belluno';
        str += 'Padova';
        str += 'Rovigo';
        str += 'Treviso';
        str += 'Venezia';
        str += 'Verona';
        str += 'Vicenza';
   
    }
   
   
   
    $('#provincia').html(str);

}

Autore: emawebdesign

Full Stack Developer, SEO Specialist, esperto della trasformazione digitale con oltre 20 anni di esperienza.

Pubblicato in: