Pblm menu déroulant html + liens (javascript)

Fermé
alexhtml Messages postés 6 Date d'inscription vendredi 22 octobre 2010 Statut Membre Dernière intervention 26 octobre 2010 - 22 oct. 2010 à 10:09
 alexhtml - 22 oct. 2010 à 14:15
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.




A voir également:

2 réponses

<a href="lien">?
1
Merci pour ta proposition ed, mais <a href="lien">? ne fonctionne pas je l'ai déjà essayé.

A moins que je ne sais pas placer ce code?
0