Action après clique sur une liste déroulente
guirou@
-
mogwai -
mogwai -
Bonjour, je voudrais que vous m'aider car je me suis documenter sur Js pour trouver le probleme mais pas de réussite.
Je veut afficher un champ aprés clique d'une option d'une liste déroulente.
Voici mon select
et aprés selection de cocher une seule case je veut obtenir ceci sur la meme page
Merci d'avance!
Je veut afficher un champ aprés clique d'une option d'une liste déroulente.
Voici mon select
<label for="typ-quest">Type de question:</label><br /> <select name="typ-quest" id="typ-quest"> <option selected value="text"> Texte </option> <option value="solo"> Cocher une seule case </option> <option value="multiple"> Cocher plusieurs cases</option> <option value="liste"> Liste déroulente </option> <option value="image"> Image </option> <option value="date"> Date </option> <option value="num"> Numérique </option> </select>
et aprés selection de cocher une seule case je veut obtenir ceci sur la meme page
<input type="checkbox" name="rep" id="rep" size="28"/> <label for="rep">Privée</label> <input type="checkbox" name="rep" id="rep" size="28"/> <label for="rep">Public</label>
Merci d'avance!
| EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ICI Merci d'y penser dans tes prochains messages. |
1 réponse
-
Salut,
Pour déclencher une fonction lors de la sélection d'un élément dans la liste déroulante, tu peux utiliser l'événement onchange.
https://www.w3schools.com/jsref/event_onchange.asp
Dans la fonction déclenchée par l'événement onchange, il faudra modifier la propriété css display avec la valeur block pour afficher la checkbox (qui aura été caché avec la propriété css display: none;).
https://www.w3schools.com/jsref/prop_style_display.asp
Bonne journée-
YO,
déroulante peut être !
Comme dit Pitet vous devez utiliser javascript en événementiel(un événement déclenche quelque chose) et le DOM(la liste de tous les éléments de votre page pour y accéder).
Je ne sais comment vous vous êtes 'documenté' sur javascript mais un passage par les bases du langage s'impose.
Sinon pour afficher quelque chose vous avez aussi la fonction innerHTML()
La doc du W3C est ici:
http://www.w3schools.com/jsref/prop_html_innerhtml.asp
-
