Unofficial WebSite X5

Categoria generale => FAQ - HowTo - Tutorials => Topic aperto da: stesil - 12 Giugno, 2014, 15:33:45

Titolo: [v. 10] Creare un campo select condizionato nel form mail
Inserito da: stesil - 12 Giugno, 2014, 15:33:45

Citazione

Come fare in modo che un campo del form sia visibile solo se l'utente sceglie una specifica opzione?

Con codice JavaScript/jQuery è possibile verificare se l'utente sceglie una specifica opzione e, in base alla scelta effettuata, mostrare o nascondere una lista a discesa (select), che ovviamente non può essere un campo obbligatorio.

In questo esempio scegliendo l'opzione "Laurea: sì" appare la lista a discesa con l'elenco dei corsi di laurea: http://stesil.altervista.org/evo10/campo-condizionale/index.html (http://stesil.altervista.org/evo10/campo-condizionale/index.html)

Per trovare gli attributi degli elementi da personalizzare è possibile utilizzare gli strumenti che i browser mettono a disposizione, ad esempio "Analizza elemento" di Firefox (vedi allegato).




Grazie lemon per l'aiuto

Titolo: Re:[v. 10] Creare un campo select condizionato nel form mail
Inserito da: lemonsong - 24 Marzo, 2015, 10:16:26

Prendendo spunto dall'esempio di stesil, aggiungo una variante (fatta con la versione 11) che nasconde un campo se viene scelta una determinata voce da una lista: http://lemonsong.altervista.org/test_input_condizionale/ (http://lemonsong.altervista.org/test_input_condizionale/)