Press "Enter" to skip to content

Combobox regione e provincia referenziate tramite JavaScript

Condividi il post con i tuoi amici o colleghi

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