Discussion :

[mima_mine]

bonjour
j'ai une question concernant les combobox
jai 2 combobox la 1er contient les articles et la 2eme contient les profils des articles, mais pas tt les articles possedent un profil (un type bien pricis)

donc je veux dans ma vue afficher le premier combobox (article) et le 2eme sera caché ou desactivé, des que le user choisi la valeur x du premier combobx (l'article de type T qui possede le profil) le 2eme combo sera afficher ou activé j'ai le code suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
 
<tr>
 
   <td> <html:select  property="article">
   <html:options property ="nomArticle"/>
   </html:select> </td>
   <td>
 
<td><html:select  property="profil"><html:options property ="nomProfil"></html:options>
   </html:select> </td>

donc si l'utilisateur choisi l'article A1 je fait une requette SQL au niveau de l'action pour récupérer le type de cet article , puis si le type= T1 (valeur fixe) alors je doit afficher l'autre combo pour selectionner le profil

j'espère que vous m'avez compris
svp aidez moi

[darkxan]

Si j'ai bien compris, tu cherches à afficher une deuxième combo box selon le choix d'une première combo box. Je vois au moins trois solutions pour faire ce que tu cherches.

Si j'ai encore bien compris, seul l'article de type T1 comporte un profil. Tu peux donc ramener dans ta page, l'ensemble des articles (avec leur type) et des profils. Ensuite, tu peux utiliser du javascript sur la première combo : si l'article sélectionné est de type T1 alors on réactive la deuxième combo box.

Soit si tu ne veux pas récupérer les profils à l'affichage ni le type des articles, tu peux faire en sorte là aussi avec du javascript d'envoyer un formulaire contenant la première combo box. Dès lors, tu peux récupérer le type de l'article qui a été sélectionné et de nouveau affiché la page avec si nécessaire la deuxième combo box.
Le problème de cette solution est qu'elle demande d'envoyer une requête au serveur et de réafficher la page. Ce qui est quand même pas terrible.

La troisième solution serait d'utiliser de l'ajax est donc de faire là aussi une requête vers le serveur selon la sélection et d'afficher la aussi si nécessaire la combo box. L'avantage ici c'est que l'on ne réaffiche pas toute la page mais on ajoute seulement si nécessaire la combo et cela est fait de manière asynchrone.

En conclusion, je trouve que la solution est la plus simple à mettre en œuvre.

EDIT: Deux sujets en dessous, il y a un message avec le même titre qui propose là aussi des solutions : http://www.developpez.net/forums/sho...d.php?t=584763

[mima_mine]

bonjour

bon pour votre solution je comprend pas bien les étapes vous pouvez m'éclairer
et pour mes besoins, je vais reexpliquer:
je veux afficher 2 combobox dans ma jsp (des qu'elle s'affiche) mais le 1er combo est activé et l'autre est desactivé ou cacher,

la 1ere combo contient les articles (les libellés) et la 2eme contient les profils des articles, mais j'ai un seule type d'article qui possede un profil (le type=T1) , donc des que le user choisi l'article A1 de type T1 // sachant que je recupére T1 par une requette sql au niveau de l'action , puis je fai un teste si type = T1 alors je rend le 2eme combo accessible (s'il etait desactiver) ou je l'affiche (s'il etait caché)

voila normalement c'est clair menant

et pour la reponse qui était posté, c'est avec struts layout et je travail pas avec
et pour javascript, je sais pas bien travailler avec
Merci de me repondre

[darkxan]

Le code de la première solution est simple. Par contre, toutes les solutions nécessitent forcément l'utilisation de javascript.

Il faut savoir que dans les combo box, il y a deux champs : le label et la valeur. Ce que tu peux faire, c'est mettre le nom de l'article comme label et mettre son type comme valeur.

Ensuite, il faut ajouter une fonction javascript à cette combo box qui effectue un contrôle tout simple qui est : si la valeur de l'élément sélectionné est T1 alors j'affiche ma deuxième combo box.

Par contre, cette solution a un problème qui est que la valeur de la première combo box contient le type et non plus le nom de l'article. Tu peux toujours t'en sortir mais cela demande de faire un petit trafic avec du javascript. (Par exemple en ajoutant un champs caché contenant le label de l'élément sélectionné par la première combo box. Ou bien changer inter-changer le label et la valeur avant le submit du formulaire).

[mima_mine]

bon voila c' que j'ai fait, j'ai essayé de faire un petit teste sur la vue ou j'ai fixer la valeur de l'article (juste pour voir le resultat sur le 2eme combobox)

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
 
 
<script type="text/javascript">
    function activer() {
 
   if (document.recepForm.article.value == 'SIM ABONNEMENT')
   {
   document.getElementsById("profil").disabled=false;
   }
    }
     </script>
 
 
  <body>
 
<html:form action="/recep.do" method="post">
 
<table border="0" width="100%|20">
   <tr>
   <td>Article:</td>
 
    <td>Article profil:</td>
 
   </tr>
   <tr>
 
   <td> <html:select  property="article"   onchange="activer();">
   <html:options property ="nomArticle"/>
   </html:select> </td>
 
   <td><html:select  property="profil"  disabled="true"><html:options property ="nomProfil"></html:options>
   </html:select> </td>
 
   </tr>
 
 
   </table>
 
</html:form>
 
  </body>

je voulai des que je choisi la valeur = sim abonnement de la 1ere combo j'active le 2eme........mais ça juste pour tester la fonction activer, mais ça marche pas

alors mon cas est: des je selectionne l'article "sim abonnement" je dois d'abord ramener son type ="sim postpaid" puis je fait le controle sur le type au niveau de la fonction activer.

premierement: pour le javascript, la methode getElementsById, normalement je l'utilise si j'avais le champs id dans la balise select ??
en tout cas y'on a 2 methode getElementsById, et getElementsByName, je les ai essayé mais ça marche pas

deuxiement: votre derniere solution que vous m'avez envoyé (celle du champs hidden) elle m'apparais logique mais j'ai pas bien compris, vous pouvez m'expliquer !?

[mima_mine]

ehh je vois que vous parliez toujours de label et value mais a mon niveau j'ai pas ces 2 truck dans ma balise select, ou je dois les placer??
et si je les ajoute, es ce que je dois modifier dans ma form qui est definit comme suit:

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
 
 
public class RecepForm extends ActionForm {
 
private String article;
private String profil;
private List  nomArticle;
private List  nomProfil;
 
 
public String getArticle() {
	return article;
	}
 
 
public void setArticle(String article) {
            this.article = article;
	}
 
public String getProfil() {
	return profil;
	}
 
public void setProfil(String profil) {
	this.profil = profil;
	}
 
public List getNomArticle() {
	return nomArticle;
	}	
 
public void setNomArticle(List nomArticle) {
	this.nomArticle = nomArticle;
	}
 
public List getNomProfil() {
	return nomProfil;
	}	
 
public void setNomProfil(List nomProfil) {
	this.nomProfil = nomProfil;
	}	
 
 
}