Selezione elementi nel menù in base ad una select

lorenzo84

Utente Attivo
22 Lug 2012
239
0
16
Ciao a tutti. Non so se si può fare e conoscendo poco jquery ho delle difficoltà. Io ho un menù molto lungo e volevo creare uno script in jquery che mi consentisse la scelta di elementi tramite una select. Ad esempio nel menù ho due sezioni: Utenti e Pagine e tramite la select posso visualizzare solo le funzioni del menù degli utenti. Si può fare?

Grazie
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, se non ho capito male puoi provare cosi
HTML:
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#pagine").hide();
        $("select[name='menu']").change(function(){
            $("ul").hide();
            $("#" + $(this).val()).show();
        })
    })
</script>
<select name="menu">
    <option value="utenti">utenti</option>
    <option value="pagine">pagine</option>
</select>
<ul id="utenti">
    <li>UTENTI</li>
    <li>menu</li>
    <li>menu</li>
    <li>menu</li>
    <li>menu</li>
</ul>
<ul id="pagine">
    <li>PAGINE</li>
    <li>menu</li>
    <li>menu</li>
    <li>menu</li>
    <li>menu</li>
    <li>menu</li>
</ul>
altrimenti un menu espandibile è sempre una buona soluzione
HTML:
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
    $(document).ready(function(){
        $("#lista li ul").hide();
        $("#lista li a").not($("#lista li ul li a")).click(function(){
            $("#lista li ul").slideUp();
            var href = $(this).attr('href');
            if($(href).css('display') == 'none')
                $(href).slideDown();
            return false;
        })
    })
</script> 
<ul id="lista">
    <li>
        <a href="#colori"> Colori </a>
        <ul id="colori">
            <li><a href="#">Giallo</a></li>
            <li><a href="#">Rosso</a></li>
            <li><a href="#">Verde</a></li>
            <li><a href="#">Blu</a></li>
        </ul>
    </li>
    <li>
        <a href="#animali">Animali</a>
        <ul id="animali">
            <li><a href="#">Gatto</a></li>
            <li><a href="#">Cane</a></li>
            <li><a href="#">Topo</a></li>
        </ul>
    </li>
    <li>
        <a href="#frutta">Frutta</a>
        <ul id="frutta">
            <li><a href="#">Mela</a></li>
            <li><a href="#">Pera</a></li>
            <li><a href="#">Arancia</a></li>
            <li><a href="#">Uva</a></li>
        </ul>
    </li>
</ul>
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
N selezione elementi Javascript 0
Marco_88 Verificare la selezione degli elementi dom jQuery 2
A Errore visualizzazione selezione testo Photoshop 0
R Filtro multiplo di selezione Sql PHP 2
maxnegri [Javascript] TinyDatePicker data format e selezione progressiva. Javascript 0
M [PHP] Selezione da menu a discesa con 2 variabili PHP 0
V access 2007, maschera con caselle di selezione Programmazione 4
M [PHP] Selezione record da elenco PHP 24
Tommy03 [PHP] Errore query selezione avg PHP 0
G [ASP] Incrementare un valore on the fly su selezione select Classic ASP 3
W [PHP] Come far funzionare un form di selezione PHP 12
U [PHP] Selezione con menu a tendina e recupero selezione PHP 5
S [WordPress] [HTML] Bordo di selezione area - Link di ancoraggio WordPress 3
A [Javascript] Selezione dinamica video Javascript 0
A [Javascript] Selezione dinamica Javascript 27
F Alert selezione checkbox jQuery 6
gandalf1959 mysql, selezione dati ricorrenti più volte PHP 8
E [PHP] selezione automatica lingua PHP 14
S [PHP] Selezione dati con riferimento ad altra colonna tabella PHP 22
F Mantenere selezione immagine Javascript 1
asevenx Cerco plugin per gestire appuntamenti con agenda e campi di selezione WordPress 4
M Visualizzare tabella in base a selezione PHP 1
G L'interno della selezione non cambia Photoshop 1
M Cambiare valore ad un campo in base alla selezione fatta nel menu a tendina PHP 16
L Selezione dinamica da form. PHP 0
M selezione da più tabelle PHP 1
F Problema selezione dinamica select/jsp/mysql Javascript 0
L elenco file immagini con checkbox di selezione PHP 1
K errore durante la selezione del Database PHP 2
D Selezione di dati da più tabelle in Mysql PHP 3
M [risolto] Passaggio valore tramite link per selezione dati su database. PHP 3
blips Update basato sulla selezione dell'utente PHP 0
A Visualizzare albero DOM completo oppure Visualizzare Nodi che fanno parte di una Selezione Javascript 6
C Sviluppo chat con particolari criteri di selezione per web-app su mobile Offerte e Richieste di Lavoro e/o Collaborazione 1
I Submit in base alla selezione PHP 1
P come gestire la selezione data PHP 40
S selezione di una foto di una photogallery PHP 4
F Problema con selezione di un file nel database PHP 5
U Estrazione dati da un db con un menu selezione in cascata PHP 6
I come posso creare una pagina di inserimento con selezione di mensilità? PHP 1
L Selezione da database con DropDown Menu e visualizzazione PHP 10
G selezione progressiva delle righe di una tabella Javascript 11
F Inserire voci di selezione PHP 3
valient13 option che si elimina alla selezione dell'altro PHP 6
D modifica query selezione PHP 38
coccobil SQL query con selezione multipla di LIKE PHP 6
P Come memorizzare le immaggino con selezione multipla PHP 2
S selezione regione provincia comune PHP 2
Monital Selezione nomi PHP 1
F Svantaggi del codice Javascript per disabiltare la selezione del testo? Javascript 1

Discussioni simili