Besoin d'aide : double menu déroulant html + lien

Signaler
Messages postés
6
Date d'inscription
vendredi 22 octobre 2010
Statut
Membre
Dernière intervention
26 octobre 2010
-
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
-
Bonjour,

j'espère que l'un d'entre vous corigera mon code html.
Je voudrais créer une liste déroulante à 2 cases + liens.

J'ai essayé comme ça :


1.<html>
2.<title>liste déroulante dynamique</title>
3.<head>
4.<script language="Javascript" type="text/javascript" >
5.function choix(formulaire)
6.{
7.var j;
8.var i = formulaire.boite1.selectedIndex;
9.if (i == 0)
10.for(j = 1; j <3; j++)
11.formulaire.boite2.options[j].text="";
12.
13.
14.else
15.{
16.switch (i)
17.{
18.case 1 : var text = new Array( "un","deux","trois");
19.break;
20.
21.case 2 : var text = new Array("quatre","cinq","six");
22.break;
23.
24.case 3 : var text = new Array("sept","huit","neuf");
25.break;
26.}
27.
28.for(j = 0; j<3; j++)
29.formulaire.boite2.options[j+1].text=text[j];
30.}
31.formulaire.boite2.selectedIndex=0;
32.}
33.</script>
34.</head>
35.
36.

37.<form name="formulaire">
<select onChange="self.location =value">
<option value="">Choisissez !</option>
<option value="site_a.html">site a</option>
<option value="site_b.html">site b</option>
<option value="site_c.html">site c</option>
</select>

46.<select name="boite2">
47.<OPTION>-- Choisissez une page ---</OPTION>
48.<option>book</option>
49.<option>livre</option>
50.<option>cahier</option>
51.
52.</form>
53.</select>
54.
55.</html>


Mon problème c'est que je souhaiterais avoir dans la première case 3 choix possibles:
1) book
2) livre
3) cahier

et en fonction du choix dans la première case, dans la deuxième on verra :

si book => un, deux, trois
si livre => quatre, cinq, six
si cahier => sept, huit, neuf

MAIS un, deux, tois, quatre etc. doivent être des liens! Je ne sais plus comment faire, j'ai déjà essayé avec et ça ne marche pas !


Quel code html utiliser et où le placer ?


Merci tout le monde !!!

1 réponse

Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
18
Bonjour,
- le premier SELECT doit appeler la fonction choix() sur son onchange

- il faut lui mettre un NAME

- sur le onchange du second SELECT il faut mettre self.location=value, a condition d'avoir renseigné les value des différentes OPTIONs

;O)