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

**IhaveNoName** · 20/07/2011, 16h55

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 ?

Blague à part, merci pour vos réponses

**OButterlin** · 20/07/2011, 17h31

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)
...

**IhaveNoName** · 22/07/2011, 09h11

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

**IhaveNoName** · 22/07/2011, 09h22

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

**OButterlin** · 22/07/2011, 12h35

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**IhaveNoName** · 22/07/2011, 14h27

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Servlets/JSP Java

Vue hybride

Discussions similaires

Partager

Partager