Pblm menu déroulant html + liens (javascript)
alexhtml
Messages postés
7
Statut
Membre
-
alexhtml -
alexhtml -
Bonjour,
je rencontre un souci pour créer un menu déroulant dynamique.
Je m'explique :
Je voudrais créer une liste déroulante à 2 cases. En fonction du choix dans la première, dans la deuxième on verra apparaitre des nouveau choix possibles. Voilà, le html que je voudrais appliquer :
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("un","deux","trois");
22.break;
23.
24.case 3 : var text = new Array("un","deux","trois");
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.<body>
37.<form name="formulaire">
38.<select name="boite1" onChange="choix(this.form)">
39.<OPTION>-- Choisissez une page ---</OPTION>
40.<option>livre</option>
41.<option>book</option>
42.<option>cahier</option>
43.
44.</select>
45.
46.<select name="boite2">
47.<OPTION>-- Choisissez une page ---</OPTION>
48.<option></option>
49.<option></option>
50.<option></option>
51.
52.</form>
53.</select>
54.</body>
55.</html>
Mais maintenant, je voudrais que dans la deuxème case, les reponses soient sous la forme des liens, et non pas le text simple.
J'ai beaucoup cherché et testé différents codes mais ça ne marche pas!
Comment faire?
Merci pour votre aide.
je rencontre un souci pour créer un menu déroulant dynamique.
Je m'explique :
Je voudrais créer une liste déroulante à 2 cases. En fonction du choix dans la première, dans la deuxième on verra apparaitre des nouveau choix possibles. Voilà, le html que je voudrais appliquer :
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("un","deux","trois");
22.break;
23.
24.case 3 : var text = new Array("un","deux","trois");
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.<body>
37.<form name="formulaire">
38.<select name="boite1" onChange="choix(this.form)">
39.<OPTION>-- Choisissez une page ---</OPTION>
40.<option>livre</option>
41.<option>book</option>
42.<option>cahier</option>
43.
44.</select>
45.
46.<select name="boite2">
47.<OPTION>-- Choisissez une page ---</OPTION>
48.<option></option>
49.<option></option>
50.<option></option>
51.
52.</form>
53.</select>
54.</body>
55.</html>
Mais maintenant, je voudrais que dans la deuxème case, les reponses soient sous la forme des liens, et non pas le text simple.
J'ai beaucoup cherché et testé différents codes mais ça ne marche pas!
Comment faire?
Merci pour votre aide.
A voir également:
- Pblm menu déroulant html + liens (javascript)
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Editeur html - Télécharger - HTML
- Vérificateur de liens - Guide
