Remplissage combo box selon le résultat d'une autre

Version imprimable

20/07/2011, 16h55
IhaveNoName

Remplissage combo box selon le résultat d'une autre

Bonjour,
J'aimerais avec dans ma jsp deux combo box. L'utilisateur choisi un résultat pour la premiere, puis selon le résultat de la premiere la deuxieme se remplit avec les valeurs adéquates.
Par exemple pour la premier combo: Animal, fruit
Si l'utilisateur choisi animal, dans la deuxieme on aura mamifère, ovipare etc...
Quelles méthodes existent pour réaliser cet exploit ? 8O
Blague à part, merci pour vos réponses
20/07/2011, 17h31
OButterlin

Il existe bien des manières de faire...

De la plus évidente à la plus rapide :

1) soumission du formulaire sur onchange de la première combo
2) traitement ajax sur onchange de la première combo
3) charger des "objets" javascript et les manipuler via DOM (ou JQuery)
...
22/07/2011, 09h11
IhaveNoName

Alors si j'ai bien compris on aurait deux selects:
le premier:

le second

et la fonction js

Mais le probleme c'est que mes valeurs qui doivent être envoyé dans le second select sont dans une bdd, comment faire pour les récupérer ?
De plus, ici il y a toujours le meme nombre de choix dans le seconde select, comment faire si dans un cas on en a 4 puis dans le second cas 7 par exemple ?
Merci pour ta réponse
22/07/2011, 09h22
IhaveNoName

Bon je n'arrive pas a poster du code sur le post précédent, j'ai une erreur 101... -_-

Regarde ceci, c'est une façon de faire

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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
 
<html>
 
<head>
<meta pragma="content-type" name="text/html; charset=UTF-8"/>
 
<script>
 
function Combo1(value, libelle)
{
  this.value = value;
  this.libelle = libelle;
}
 
function Combo2(depend, value, libelle)
{
  this.depend = depend;
  this.value = value;
  this.libelle = libelle;
}
 
var list1 = new Array();
list1
[list1.length] = new Combo1('V1', 'Animaux');
list1
[list1.length] = new Combo1('V2', 'Arbres');
 
var list2 = new Array();
list2
[list2.length] = new Combo2('V1', 'A1', 'Lion');
list2
[list2.length] = new Combo2('V1', 'A2', 'Cheval');
list2
[list2.length] = new Combo2('V1', 'A3', 'Tigre');
list2
[list2.length] = new Combo2('V2', 'V1', 'Chêne');
list2
[list2.length] = new Combo2('V2', 'V2', 'Sapin');
list2
[list2.length] = new Combo2('V2', 'V3', 'Hêtre');
 
function pageLoaded()
{
  var opts = document.forms[0].s1.options;
  opts[opts.length] = new Option('--- choisissez une option ---', '');
  for (var i = 0; i < list1.length; i++)
  {
    opts[opts.length] = new Option(list1[i].libelle, list1[i].value);
  }
}
 
function combo1Changed(v)
{
  var opts = document.forms[0].s2.options;
  opts.length = 0;
  for (var i = 0; i < list2.length; i++)
  {
    if (list2[i].depend == v)
    {
      opts[opts.length] = new Option(list2[i].libelle, list2[i].value);
    }
  }
}
</script>
 
</head>
 
<body onload="pageLoaded()">
 
 
<form>
Combo 1<select name="s1" onchange="combo1Changed(this.value)"></select><br>
<br>
Combo 2<select name="s2"></select><br>
</form>
 
</body>
 
</html>

22/07/2011, 14h27
IhaveNoName
Merci,
Mais par rapport à la connexion à la bdd je suis obligée de passer en php ou je peux quand meme le faire en java ?
J'ai essayé de faire quelque chose du style :
Code:

1 2 3 4 5 list2[list2.length] = new Combo2('V1', 'A1', <% String plop = "plop"; out.print(plop); %>);
Mais comme je pensais, ca ne passe pas.
Merci beaucoup en tout cas
22/07/2011, 18h07
OButterlin

Je ne comprends pas trop ta question mais oui, on peut accéder aux données d'une base de données en java, heureusement...
25/07/2011, 10h13
IhaveNoName

Salut,
Je sais que l'on peut accés au bdd en java avec jdbc. Ce que je souhaite c'est que les valeurs de ma combo proviennent de la base de données.

Par exemple dans le premier on aurait comme choix Table1 ou Table2 et dans le second les valeurs de la Table1 ou alors les valeurs de la Table2. J'ai donc besoin de récupérer le résultat du premier combo, puis de rechercher dans la bdd les valeurs qui correspondent au deuxieme combo.

Voila j'espère que j'ai été plus clair.
Je ne sais juste pas comment remplir la seconde combo, j'ai déja le code en java, mais je ne sais pas comment l'implémenter dans ce cas vu que les combo sont incrémenté en javascript.
Merci
29/07/2011, 09h44
IhaveNoName

Personne n'a de réponse ?