Affichage d'input selon clic dans liste deroulante

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

Bonjour,

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

Exemple avec jQuery :

Code:

---

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