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


Combo province


Combo regioni (edit version)


Combo province (edit version)


Ed ecco la funzione JavaScript

function loadProvincia(param) {

var str = "";

    if (param=="") {
   
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';

    }
   
   
    if (param=="abruzzo") {
   
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
    if (param=="basilicata") {
   
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
    if (param=="calabria") {
   
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
   
    if (param=="campania") {
   
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
   
    if (param=="emilia romagna") {
   
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
   
    if (param=="friuli venezia giulia") {
   
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
   
    if (param=="lazio") {
   
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
   
   
    if (param=="liguria") {
   
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
   
    if (param=="lombardia") {
   
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
   
    if (param=="marche") {
   
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
   
    if (param=="piemonte") {
   
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
   
    if (param=="puglia") {
   
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
   
   
    if (param=="sardegna") {
   
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
   
    if (param=="sicilia") {
   
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
   
    if (param=="toscana") {
   
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
   
    if (param=="trentino alto adige") {
   
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
   
    if (param=="umbria") {
   
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
    if (param=="valle d'aosta") {
   
        str += '';
        str += '';
   
    }
   
   
   
   
    if (param=="veneto") {
   
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
        str += '';
   
    }
   
   
   
    $('#provincia').html(str);

}

Condividi il post con i tuoi amici o colleghi
emawebdesign
Autore: emawebdesign

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

Pubblicato in: