Discussion :

[mtoboz]

Salut, j'ai une liste deroulante avec 5 choix et 1 choix que j'ai nommé "AUTRE"
Ce que je veux faire, c'est si je clique sur autre, 2 champs input apparaisse et si je modifie et retourne sur un choix different, les 2 input disparraissent.

Est ce possible ? et si oui quelle methode utiliser ?

Merci par avance

[xoorus]

Bonjour,

Tu peux utiliser le 'onclick' pour faire ce que tu veux.

Exemple avec jQuery :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<div class='princ'>
 <div class='corps'>
   <div class='element' onclick='$("#firsthide").css("display","none");$("#secondhide").css("display","none");'>1</div>
   <div class='element' onclick='$("#firsthide").css("display","none");$("#secondhide").css("display","none");'>2</div>
....
   <div class='element' onclick='$("#firsthide").css("display","block");$("#secondhide").css("display","block");'>autre</div>
   <div class='element' style='display:none' id='firsthide'>A CACHER</div>
   <div class='element' style='display:none' id='secondhide'>A CACHER</div>
 </div>
</div>

En gros le click sur ton element autre va afficher les deux elements 'firsthide / secondhide' et le clic sur un autre element va les cacher.

Tu remarqueras qu'il est possible de créer une petite fonction de façon à faire ça de maniere plus élégante.

Tant qu'on est dans l'élégance, je te conseille de créer une classe 'hide' en display:none que tu peux ajouter ou enlever de tes éléments pour les cacher.

Si tu as une question, n'hésite pas