[JSP]Listes déroulantes

**asterix76-rouen** · 30/04/2004, 08h31

Bonjour,

J'ai un problème pour construire des listes déroulantes dynamiques. Voici le pb :

J'ai une liste ( selection, option ... ) qui affiche le résultat d'une requête SQL ( exemple de liste : A B C D E F )

Une fois que j'ai choisi une des lettres de la liste, j'aimerais qu'une autre liste déroulante s'affiche en dessous avec le résultat d'une requête SQL dépendante du choix de la première liste .

En plus clair, si dans la liste 1 ,je clique sur A, cela me donne une autre liste composée de 1,2,3,4,5

Par contre, si je clique sur B, cela me donne comme 2ème liste, 6,7,8,9

J'ai donc deux questions :

Comment faire pour afficher automatiquement une 2ème liste quand je choisis une valeur dans la 1ère ?

et

Comment faire la requête SQL dépendante du choix de la 1ère liste ?

Merci d'avance

**lfournial** · 30/04/2004, 09h33

Ca fait toujours plaisir d'essayer d'aider un rouennais !

donc en fait je pense qu'une solution pourrait etre :
L'action A charge la liste A qui contient a,b,c,d et envoit sur la jsp A

dans la jsp , tu mets un onchange sur la liste A. Ce onChange submit ton form sur une action B qui en fonction du choix dans la liste A (tu le récupères en faisant un request .getParameter ou form.getListeA)
tu crée ta requete qui génére la Liste B et la mets en request .Ton action B renvoit jsur la jsp A.

Dans la jsp A tu teste si liste B est en request alors tu l'affiche sinon c'est ke tu n'a rien choisit dans la liste A donc tu n'affiche pas.

Voila j'espère ke ça pourra t'aider

Bye

Loïc

**asterix76-rouen** · 30/04/2004, 09h59

Je te remercie pour ton aide ... mais j'ai encore quelques problèmes

En fait, ces listes déroulantes font parties d'un formulaire composé d'autres objets et je ne peux donc pas soumettre le formulaire dans le onChange()

en fait, j'ai

<html:form>
...

les listes déroulantes
...

plus d'autres objets de formulaire
...

bouton pour soumettre

</html:form>

je ne peux donc pas recharger la page comme cela ...

Il faudrait dans le onChange que je fasse un style:display=""

mais le pb c'est l'appel SQL ?

**mathieu** · 30/04/2004, 10h50

jette un coup d'oeil ici :
http://javascript.developpez.com/faq...bj#listesLiees

**LoulouFifi** · 30/04/2004, 14h23

Tu peux faire cela en javascript

Tu charges au préalable les résultats de ta requete dans des tableaux en JS. Genre un tableau pour afficher les valeurs de A (1,2,3,4,5) un autre tableau contenant les valeurs pour B (6,7,8,9) etc....
Et sur le onChange de ta 1ère liste tu appel une fonction qui va te charger ta 2ème liste en fonction de la valeur saisi (envoyé en paramètre de ta fonction)
et dans ta fonction tu n'as qu'a charger ta liste déroulante avec le contenu de ton tableau qui va bien...
= )

En gros c'est l'objet Option qui te permet d'ajouter des éléments dans ta liste.
Si tu veux, j'ai un code pour traiter ce cas (j'avais 2 listes, et en fonction du choix sur la première, j'affichais le contenu de la seconde)

**asterix76-rouen** · 30/04/2004, 14h31

Merci beaucoup pour toutes ces informations.

En fait, mon pb est résolu et j'ai suivi un peu l'idée de Loic_01, c'est à dire,

J'ai une action pour la liste 2 qui me récupère dans la base de données les valeurs que je veux en fonction de mon choix dans la liste 1

Au niveau de la jsp, liste 1, j'ai un onChange qui appelle l'action liée à la liste déroulante 2 ( je lui passe en paramètre le choix de la liste 1 ).

Pour ne pas afficher les données de la liste 2 au départ , j'ai dans la page jsp

<logic:notNull property=... name=....>
<select et option> de liste2
</logic:notNull>

Ce qui donne donc au premier chargement liste 2 est nulle car je n'ai rien choisi dans liste 1

Dès que je choisis dans liste 1, j'appelle onChange, qui récupère la valeur sélectionnée, les données pour listeDéroulante 2 ( elle n'est donc plus vide ) et je recharge la page.

Il m'affiche ensuite donc les listes 1 et 2

Voilà

Merci beaucoup pour votre aide.