Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Trasformare le opzioni all'interno di un form select in link

    Buona sera,
    vorrei poter rendere cliccabili ed associargli quindi un link alle opzioni dei menu a tendina..
    inserisco un paio di righe di codice per potermi spiegare meglio..

    codice HTML:
    <select id="id-select" class="css-select"><option value="0" selected>prima opzione</option><option value="1">seconda opzione</option><option value="2">terza opzione</option></select>
    come faccio a far si che quando uno clicca su prima, seconda o terza opzione venga linkato in altre pagine?

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    codice:
    <select id="id-select" class="css-select" onchange="if(this.options.selectexIndex!=0){location.href='"+this.value+"'}">
    <option value="" selected>Seleziona</option>
    <option value="pagina1.xxxx">prima opzione</option>
    <option value="pagina2.xxxx">seconda opzione</option>
    <option value="pagina3.xxxx">terza opzione</option>
    </select>
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    credo ci sia qualche errore perche ho provato con chrome e con firefox ma non funziona..

  4. #4
    Quote Originariamente inviata da cavicchiandrea Visualizza il messaggio
    codice:
    <select id="id-select" class="css-select" onchange="if(this.options.selectexIndex!=0){location.href='"+this.value+"'}">
    <option value="" selected>Seleziona</option>
    <option value="pagina1.xxxx">prima opzione</option>
    <option value="pagina2.xxxx">seconda opzione</option>
    <option value="pagina3.xxxx">terza opzione</option>
    </select>
    anche se nello specifico questo esempio non mi funziona, mi è stato utile per fare ulteriori ricerche su google ed ho risolto.
    Grazie mille Andrea!

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.