Visualizzazione risultati 1 fino 3 di 3

Discussione: Menù a cascata

  1. #1
    lionalex non è connesso Utente attivo
    Data registrazione
    10-12-2002
    Messaggi
    446

    Question Menù a cascata

    Avevo una domanda...come si fa a creare un menù a cascata che si selezioni senza premere alcun tasto? detta così non è molto chiaro. Ora mi spiego facendo un esempio. Ho un menù a cascata con i nomi delle regioni ed un altro menù a cascata con tutte le città. Io vorrei fare in modo che scegliendo una regione in automatico nel menù a cascata delle città escano solo le città di quella regione. Come si può fare tutto questo?
    Chi troppo vuole....vuole LionAlex...

  2. #2
    Data registrazione
    09-12-2004
    Residenza
    Roma
    Messaggi
    103

    Predefinito

    di solito cose del genere si fanno con un programmino javascript..se cerchi sene trovano molti di esempi del genere già fatti..prova su html.it o prorpio sugli script nella homepage di altervista..

    nel frattempo cerco perchè mi sembra che avevo fatto una cosa del genere, se la trovo la posto..


    TROVATO: prova con questo:

    <form name="doublecombo">
    <p>
    <select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
    <option value="tipo1">Tipo 1</option>
    <option value="tipo2">Tipo 2</option>
    <option value="tipo3">Tipo 3</option>
    </select>
    <select name="stage2" size="1">
    <option value="x">Sottotipo 11</option>
    </select>


    <script>
    <!--


    var groups=document.forms[0].example.options.length
    var group=new Array(groups)
    for (i=0; i<groups; i++)
    group[i]=new Array()

    group[0][0]=new Option("Sottotipo 11","x")

    group[1][0]=new Option("Sottotipo 21","a")
    group[1][1]=new Option("Sottotipo 22","b")

    group[2][0]=new Option("Sottotipo 31","r")
    group[2][1]=new Option("Sottotipo 32","s")
    group[2][2]=new Option("Sottotipo 33","t")
    group[2][3]=new Option("Sottotipo 34","u")

    var temp=document.doublecombo.stage2

    function redirect(x){
    for (m=temp.options.length-1;m>0;m--)
    temp.options[m]=null
    for (i=0;i<group[x].length;i++){
    temp.options[i]=new Option(group[x][i].text,group[x][i].value)
    }
    temp.options[0].selected=true
    }


    function go(){
    location=temp.options[temp.selectedIndex].value
    }
    //-->
    </script>

    </form>
    Ultima modifica di StefanoTortora : 10-10-2005 alle ore 14.29.03

  3. #3
    lionalex non è connesso Utente attivo
    Data registrazione
    10-12-2002
    Messaggi
    446

    Predefinito

    ok, grazie mille. Il form funziona benissimo. Però non sono un espertissimo di javascript e quindi se potresti spiegarmi un pochettino alcuni passaggi?! Perchè dovrei modificarlo in modo da fare anche più menu a cascata, non soltanto due. Ad esempio non ho capito bene questa funzione cosa fa:

    Codice:
    function redirect(x){
    for (m=temp.options.length-1;m>0;m--)
    temp.options[m]=null
    for (i=0;i<group[x].length;i++){
    temp.options[i]=new Option(group[x][i].text,group[x][i].value)
    }
    temp.options[0].selected=true
    }
    Dove dovrei modificare se volessi usare più di un menu a cascata???
    Grazie per la pazienza.
    Chi troppo vuole....vuole LionAlex...

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •