Visualizzazione dei risultati da 1 a 3 su 3

Discussione: select dinamica

  1. #1

    select dinamica

    ciao a tutti,
    il codice dela pagina é:

    --------------------------------------------------------------------------------------
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="it">
    <head>

    <title>Select dinamica</title>
    </head>
    <body >

    <div align="center">

    <form name="doublecombo">

    <select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
    <option>Html.it</option>
    <option>Freephp</option>
    <option>Webnews</option>
    </select>

    <select name="stage2" size="1">
    <option value="http://www.html.it/">Home Page</option>
    <option value="http://freephp.html.it/">Freephp</option>
    <option value="http://webnews.html.it">Webnews</option>
    </select>

    <script type="text/javascript" language="JavaScript">
    <!--

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

    group[0][0]=new Option("Home page","http://www.html.it/")
    group[0][1]=new Option("Altra pagina","http://www.html.it/")
    group[0][2]=new Option("Altra pagina ancora","http://www.html.it/")

    group[1][0]=new Option("Home page","http://freephp.html.it")
    group[1][1]=new Option("Altra pagina","http://freephp.html.it")
    group[1][2]=new Option("Altra pagina ancora","http://freephp.html.it")

    group[2][0]=new Option("Home page","http://webnews.html.it")
    group[2][1]=new Option("Altra pagina","http://webnews.html.it")
    group[2][2]=new Option("Altra pagina ancora","http://webnews.html.it")

    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>

    </p>
    </form>

    </div>

    </div>
    </body>
    </html>
    -----------------------------------------------------------------------------------
    in questo modo ottengo 2 liste dinamiche,
    mi chiedevo come modificare lo script im modo che possa gestire 4 liste dinamiche.

  2. #2

    Re: select dinamica

    Originariamente inviato da Hendrix-N
    ciao a tutti,
    il codice dela pagina é:

    --------------------------------------------------------------------------------------
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="it">
    <head>

    <title>Select dinamica</title>
    </head>
    <body >

    <div align="center">

    <form name="doublecombo">

    <select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
    <option>Html.it</option>
    <option>Freephp</option>
    <option>Webnews</option>
    </select>

    <select name="stage2" size="1">
    <option value="http://www.html.it/">Home Page</option>
    <option value="http://freephp.html.it/">Freephp</option>
    <option value="http://webnews.html.it">Webnews</option>
    </select>

    <script type="text/javascript" language="JavaScript">
    <!--

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

    group[0][0]=new Option("Home page","http://www.html.it/")
    group[0][1]=new Option("Altra pagina","http://www.html.it/")
    group[0][2]=new Option("Altra pagina ancora","http://www.html.it/")

    group[1][0]=new Option("Home page","http://freephp.html.it")
    group[1][1]=new Option("Altra pagina","http://freephp.html.it")
    group[1][2]=new Option("Altra pagina ancora","http://freephp.html.it")

    group[2][0]=new Option("Home page","http://webnews.html.it")
    group[2][1]=new Option("Altra pagina","http://webnews.html.it")
    group[2][2]=new Option("Altra pagina ancora","http://webnews.html.it")

    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>

    </p>
    </form>

    </div>

    </div>
    </body>
    </html>
    -----------------------------------------------------------------------------------
    in questo modo ottengo 2 liste dinamiche,
    mi chiedevo come modificare lo script im modo che possa gestire 4 liste dinamiche.

  3. #3
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Modificare quello script e' come chiedere di costruire un grattacielo sulle fondamenta di una capanna... prova a cercare nel forum, se ne e' parlato anche ieri (a tre livelli)

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.