Discussion :

[rimas2009]

Bonjour,
j'ai dans ma page jsp 2 champs select qui correspond à 2 listes :
une liste des valeurs, et une liste des mouvement.
chaque valeur peut avoir plusieurs mouvements.

Code :

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

1
2
3
 
<s:select list="listeValeurs" headerValue="-- Selectionner une valeur --" ></s:select>
<s:select list="listeMouvements" listKey="mvtsId" listValue="mvtLib" headerKey="" headerValue="-- Selectionner un mouvement --"></s:select>

je veux filtrer les mouvements en fonction de la valeurs sélectionnées.
Comment je peut procéder ?
Merci.

[andry.aime]

Bonsoir,

1-Soit, dans le onchange du premier select, tu submit le formulaire et faire un filtre de la liste pour le mouvement.
2-Soit tu utilises AJAX pour envoyer la valeur du premier select et récupérer le second select.

A+.

[rimas2009]

Merci pour ta réponse,
justement je voulais utiliser AJAX, vu que j'ai déjà les 2 listes,
mais comment peut-on faire ?
Merci

[essadiki_ista]

Bonjour,
Moi aussi j'ai le même problème, Si quelqu'un me pricisé la 1er solution.
Merci en avance.

[karement]

étape 1: afficher dans la page le premier select :

Code :

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

<select onSelect="updatePage()" id='monPremierSelect'>...</select>

et à l'emplacement du futur 'second select' mettre par exemple

Code :

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

<div id='monSecondSelect'></div>

étape 2: le javascript d'update de la page qui te permettra de faire un appel AJAX vers ton serveur web pour récupérer le code html du second select selon le choix fait dans le premier. quelquechose dans ce genre:

Code :

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

1
2
3
4
5
function updatePage(){
var valueDuSelect1 = document.getElementById('monPremeirSelect').value();
var htmlSelect2 = requeteAjax(valueDuSelect1 );
document.getElementById('monSecondSelect').innerHtml = "<div id='monSecondSelect'>" + htmlSelect2 + "</div>";
}

étape 3: écrire une action struts qui retourne juste le code html du secondselect.

pour la requête AJAX il y a pas mal de solutions possibles donc à vous de voir.

[essadiki_ista]

Bonsoir,

Prière de nous répondre.

[karement]

pour la solution 1 que tu demandes essadiki_ista, je ne vois aucunes difficultées:/

pour accéder à une news sur un site, en générale l'url (GET) associée est de type www.site.xx?section=news&id=Y donc en gros c'est la même action qui va traiter toutes les news, et selon le paramètre id passé dans la requête, ton action va avoir un comportement différent et charger telle ou telle news.

Sur le même principe, tu va avoir une seule action qui va préparer ta page jsp/html contenant tes deux 'select' selon un paramètre bien précis associé au choix fait via le premier 'select'.

un exemple:

Code :

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

1
2
3
4
5
...
<select id='monPremierSelect' name='monPremierSelect' onSelect='updatePage()'>
<option value='1'>choix1</option>
</select>
...

Code :

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

1
2
3
4
5
 
function updatePage(){
var valueDuSelect1 = document.getElementById('monPremeirSelect').value();
window.location = "http://www.monsite.com/monAction.do?select1="+valueDuSelect1;
}

dans ton action, il te suffira de préparer les données de ta jsp à afficher de nouveau en fonction du paramètre passé seclect1.

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
 
action
...
String select1 = request.getParameter("select1");
  List<LabelValueBean> maListSelect2 = new ArrayList<LabelValueBean>();
if(select1!=null && select1.equals("choix1")){
maListeSelect2.add(new LabelValueBean("1","choixSelect1"));
maListeSelect2.add(new LabelValueBean("2","choixSelect2"));
maListeSelect2.add(new LabelValueBean("3","choixSelect3"));
}
else{
maListeSelect2.add(new LabelValueBean("4","choixSelect4"));
maListeSelect2.add(new LabelValueBean("5","choixSelect5"));
maListeSelect2.add(new LabelValueBean("6","choixSelect6"));
maListeSelect2.add(new LabelValueBean("7","choixSelect7"));
}
request.setAttribute(maListSelect2 );
...
 
jsp
...
<select>
<logic:iterate name="maListSelect2" id="objet">
<option <bean:write name="objet" property="value">><bean:write name="objet" property="label"></option>
</logic:iterate>
</select>
...

au final un changement dans le premier select rappelle l'action qui prépare la jsp afin de mettre à jours les données du second select. J'espère que ça t'aidera.