Liste deroulante

Fermé
Thuggah Messages postés 15 Date d'inscription lundi 5 novembre 2007 Statut Membre Dernière intervention 4 octobre 2016 - Modifié par Thuggah le 9/07/2010 à 18:37
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 - 10 juil. 2010 à 00:35
Bonjour,

j'ai un leger problem,
en fait je voudrais faire dependre une liste deroulante d'une autre lors d'un choix dans la premiere liste. ca coince .Je m'y connais en Javascript mais sais pas trop comment m'y prendre

2 réponses

aniomus Messages postés 375 Date d'inscription dimanche 10 août 2008 Statut Membre Dernière intervention 23 juillet 2010 130
9 juil. 2010 à 17:30
Bonjour,

Tu veux modifier les choix de la 2ème liste déroulante en fonction de ce qui a été choisi dans la première ?
Si c'est ça, ça se passe en JavaScript ! ;)

Cordialement,

0
Thuggah Messages postés 15 Date d'inscription lundi 5 novembre 2007 Statut Membre Dernière intervention 4 octobre 2016 6
9 juil. 2010 à 18:36
je m'y connais mais ne sais trop pas comment my prendre .essai d'etre plus exhaustif et me donner des oriantations stp !!
0
aniomus Messages postés 375 Date d'inscription dimanche 10 août 2008 Statut Membre Dernière intervention 23 juillet 2010 130
9 juil. 2010 à 21:13
Je pensais à un truc tout bête == if(BALISE == VALEUR) { alors on met cette liste } else { on met celle-là } ...
Je mis connais pas trop en JS donc je peux pas t'aider plus que ça..
0
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
10 juil. 2010 à 00:35
Tu peux utiliser cette structure pour tes listes :
<select name="marque" id="marque">
    <option value="audi">Audi</option>
    <option value="bmw">BMW</option>
    ...
</select>

<select name="audi" id="audi" class="invisible">
    options
</select>

<select name="bmw" id="bmw" class="invisible">
    options
</select>

...
N'oublie pas de créer la classe .invisible :
.invisible { display:none; }


Sur le onchange de #marque, il suffit de récupérer la valeur : ça sera l'ID de la liste à afficher.
0