Action après clique sur une liste déroulente

Fermé

guirou@ - Modifié par Whismeril le 6/10/2015 à 07:03
mogwai - 6 oct. 2015 à 16:46

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

<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.

A voir également:

Action après clique sur une liste déroulente
Action - Guide
Liste déroulante excel - Guide
Tubidy film d'action telecharger - Télécharger - TV & Vidéo
Action fans - Accueil - Guide arnaque
Cette action ne peut pas être réalisée car le fichier est ouvert dans system - Guide

1 réponse

Réponse 1 / 1

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
6 oct. 2015 à 10:54

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

mogwai
6 oct. 2015 à 16:46

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

Discussions similaires

Action requise sur compte Google

Lien phishing android

word attend la fin d'une action OLE

ne pas utiliser la souris mais le clavier