Erreur dans le code html?

Version imprimable

Bonjour,

nouveau sur ce forum, j'espère y trouver une solution au non fonctionnement de mon code html.
Je voudrais créer une liste déroulante à 2 cases + liens.

J'ai essayé comme ça :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 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.<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>
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 <a herf> et ça ne marche pas !

Quel code html utiliser et où le placer ?

Merci

Je ne sais pas exactement ce que tu veux faire avec ces fameux liens mais est-ce ceci peut t'aider ? :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
<html> 
<title>liste déroulante dynamique</title> 
<head> 
<script language="Javascript" type="text/javascript" > 
function choix(formulaire) {
var j;
var i = formulaire.boite1.selectedIndex; 
if (i == 0) {
    for (j = 1; j < 3; j++)
        formulaire.boite2.options[j].text = "";
}
 
else {
    switch (i) {
        case 1: 
        var text = new Array("un", "deux", "trois");
            break;
 
        case 2: var text = new Array("quatre", "cinq", "six");
            break;
 
        case 3: var text = new Array("sept", "huit", "neuf");
            break;
    }
    for (j = 0; j < 3; j++) {
        formulaire.boite2.options[j + 1].text = text[j];
        formulaire.boite2.options[j + 1].value = 'http://www.developpez.com';
    }
} 
formulaire.boite2.selectedIndex=0;
}
 
function redirect(formulaire) {
    window.open(formulaire.boite2.options[formulaire.boite2.selectedIndex].value);
}
</script> 
</head> 
 
<body> 
<form name="formulaire"> 
<select name="boite1"  onchange="choix(this.form)"> 
<option>-- Choisissez une page ---</OPTION> 
<option>livre</option> 
<option>book</option> 
<option>cahier</option> 
 
</select> 
 
<select name="boite2" onchange="redirect(this.form)"> 
<option>-- Choisissez une page ---</OPTION> 
<option></option> 
<option></option> 
<option></option> 
 
</form> 
</select> 
</body> 
</html>

27/10/2010, 09h13
alexhtml

Merci Tontonks !

Merci beaucoup pour ta reponse, ça marche nikel!:ccool:

Par contre je suis toujours redirigé vers : www.developpez.com

c'est possible de faire plusieurs redirections?

Merci
28/10/2010, 07h13
tontonks

Pour l'exemple, j'ai mis ce site comme lien mais à toi de mettre ce que tu veux comme valeur à la propriété "value" de la combo

Citation:

Envoyé par tontonks

Je ne sais pas exactement ce que tu veux faire avec ces fameux liens mais est-ce ceci peut t'aider ? :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
<html> 
<title>liste déroulante dynamique</title> 
<head> 
<script language="Javascript" type="text/javascript" > 
function choix(formulaire) {
var j;
var i = formulaire.boite1.selectedIndex; 
if (i == 0) {
    for (j = 1; j < 3; j++)
        formulaire.boite2.options[j].text = "";
}
 
else {
    switch (i) {
        case 1: 
        var text = new Array("un", "deux", "trois");
            break;
 
        case 2: var text = new Array("quatre", "cinq", "six");
            break;
 
        case 3: var text = new Array("sept", "huit", "neuf");
            break;
    }
    for (j = 0; j < 3; j++) {
        formulaire.boite2.options[j + 1].text = text[j];
        formulaire.boite2.options[j + 1].value = 'http://www.developpez.com';
    }
} 
formulaire.boite2.selectedIndex=0;
}
 
function redirect(formulaire) {
    window.open(formulaire.boite2.options[formulaire.boite2.selectedIndex].value);
}
</script> 
</head> 
 
<body> 
<form name="formulaire"> 
<select name="boite1"  onchange="choix(this.form)"> 
<option>-- Choisissez une page ---</OPTION> 
<option>livre</option> 
<option>book</option> 
<option>cahier</option> 
 
</select> 
 
<select name="boite2" onchange="redirect(this.form)"> 
<option>-- Choisissez une page ---</OPTION> 
<option></option> 
<option></option> 
<option></option> 
 
</form> 
</select> 
</body> 
</html>

Merci, mais en fait, comment remplacer lien 'http://www.developpez.com' par trois liens differents.

Comme ça si visiteur a 9 liens en fonction de la reponse choisi. :

Code:

1
2
3
4
5
6
7
8
9
case 1: 
        var text = new Array("un", "deux", "trois");
            break;
 
        case 2: var text = new Array("quatre", "cinq", "six");
            break;
 
        case 3: var text = new Array("sept", "huit", "neuf");
            break;