Dans un select option onChange()

Version imprimable

Bonjour!

Encore novice en php et java script, j'ai quelques problème avec des liste déroulante liées.

Je m'explique J'ai 2 liste déroulantes.

La premiere afficher la liste des services

Code:

1
2
3
4
5
6
7
8
9
<td nowrap class="Libelle" align="left"><?php   $mess->printString("poste.service") ?> : </td>
<td>                                          
    <select name="service" size="1" class="Controle_Plat_Obligatoire_EA" OnChange="change_service()">
	<option value="0">Sélectionnez le service ...
<?php for ($i = 0 ; $i < sizeof($service_datas) ; $i++)    {?>                                            
       <option value="<?php  echo $service_datas[$i][BU_CODE]?>"><?php  echo $service_datas[$i][BU_LIB]?>
<?php } ?>
    </select>
</td>

pas de probléme sur celle-ci

La seconde affiche normalement les sous services Niveau

Code:

1
2
3
4
5
6
7
8
9
10
<td nowrap class="Libelle" align="left"><?php   $mess->printString("user.poste"); ?> : </td>
<td>                                          
    <select name="service_niveau1" size="1" class="Controle_Plat_Obligatoire_EA">
<?php if ($hierarchie_1_datas[0][hierachie_CODE] == 0 ) { ?><option value="0" <?php   if ($_POST[bu]) echo "selected"?>>Sélectionnez la fonction ...<?php   } ?>
<?php if ($hierarchie_1_datas[0][hierachie_CODE] <> 0 ) { ?><option value="0" >Service Niveau 1 ...<?php   } ?>                                    
<?php for ($i = 0 ; $i < sizeof($hierarchie_1_datas) ; $i++)    {?>                                            
        <option value="<?php  echo $hierarchie_1_datas[$i][hierarchie_CODE]?>"<?php  if ($datas[0][hierarchie] == $hierarchie_1_datas[$i][hierarchie_CODE]) echo "selected"?>><?php  echo $hierarchie_1_datas[$i][hierarchie_LIBELLE]?>
<?php }	?>
    </select>
</td>

En gros problème, je voudrai arriver à mettre à jour la liste déroulante sous service (sans changer de page qu'elle se réactuliser automatiquement) en utilisant l'option onChange(), mais ça a pas l'air de vouloir :'(

fonction actuel dans le onChange()

Code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
function change_service() {
	var code_act = document.Frm_MAJPoste.service.value;
   //         	 Liste des hôtels
	var indice = 1;
	document.Frm_MAJPoste.service_niveau1.options[0].value ="0";
	document.Frm_MAJPoste.service_niveau1.options[0].text = "Sélectionnez le service niveau 1 ..."
<?php    for ($i=0; $i< sizeof($hierarchie_1_datas); $i++) { ?> 
	var code_act_fil = "<?php    echo $hierarchie_1_datas[$i][HIERARCHIE_SERVICE] ?>";
	if (code_act == "" || code_act_fil == code_act) {
		document.Frm_MAJPoste.service_niveau1.length = indice + 1;  
		document.Frm_MAJPoste.service_niveau1.options[indice].value="<?php    echo $hierarchie_1_datas[$i][hierarchie_CODE] ?>";
		document.Frm_MAJPoste.service_niveau1.options[indice].text="<?php    echo $hierarchie_1_datas[$i][hierarchie_LIBELLE] ?>";   
		indice = indice + 1;
	}
<?php    } ?>
	document.Frm_MAJPoste.service_niveau1.length = indice;
}
</script>

Pour le moment cette fonction fonctionne jusqu'a "document.Frm_MAJPoste.service_niveau1.options[0].text = "Sélectionnez le service niveau 1 ...""

Fonction pour recupére dans la table THierarchie les sous services.

Code:

1
2
3
4
5
6
7
8
9
10
Function Datas_hierarchie_1($COOKIE) {
        $datas = Array();
        $bd = new BaseMysql;
        $requete="SELECT thierarchie_departement.* FROM thierarchie_departement";
        $requete.= "  WHERE hierarchie_SITE = ".$COOKIE[cookie_user_site]; 
	$requete.= "  AND hierarchie_NIVEAU = 1";
        $requete.="   ORDER BY hierarchie_LIBELLE";
//        echo "<BR>$requete<BR>";        
        return($bd->get_all_values($requete));
      }

Est ce que quelqu'un pourrais me donner un petit coup de pouce svp :-)
Merci

28/08/2014, 10h06
Dendrite

1) Mets ton code dans une balise code... Indente proprement.
2) Ton problème est un problème javascript, pas PHP. Tu n'es pas dans le bon forum.

Bjr
vu que ya un peu des deux je savais pas trop ou le mettre.

Premiere liste déroulante "service"

Code:

1
2
3
4
5
6
7
8
9
10
 
<td nowrap class="Libelle" align="left"><?php $mess->printString("poste.service") ?> : </td>
<td> 
<select name="service" size="1" class="Controle_Plat_Obligatoire_EA" OnChange="change_service()">
<option value="0">Sélectionnez le service ...
<?php for ($i = 0 ; $i < sizeof($service_datas) ; $i++) {?> 
<option value="<?php echo $service_datas[$i][BU_CODE]?>"><?php echo $service_datas[$i][BU_LIB]?>
<?php } ?>
</select>
</td>

Deuxieme liste déroulante "sous service" (niveau1)

Code:

1
2
3
4
5
6
7
8
9
10
<td nowrap class="Libelle" align="left"><?php   $mess->printString("user.poste"); ?> : </td>
                                         	<td>                                          
                                             	<select name="service_niveau1" size="1" class="Controle_Plat_Obligatoire_EA">
<?php                                                   if ($hierarchie_1_datas[0][hierachie_CODE] == 0 ) { ?><option value="0" <?php   if ($_POST[bu]) echo "selected"?>>Sélectionnez la fonction ...<?php   } ?>
<?php                                                   if ($hierarchie_1_datas[0][hierachie_CODE] <> 0 ) { ?><option value="0" >Service Niveau 1 ...<?php   } ?>                                    
<?php                                                   for ($i = 0 ; $i < sizeof($hierarchie_1_datas) ; $i++)    {?>                                            
                                                        	<option value="<?php  echo $hierarchie_1_datas[$i][hierarchie_CODE]?>"<?php  if ($datas[0][hierarchie] == $hierarchie_1_datas[$i][hierarchie_CODE]) echo "selected"?>><?php  echo $hierarchie_1_datas[$i][hierarchie_LIBELLE]?>
<?php                                                   }       ?>
                                             	</select>
                                         	</td>

la fonction dans le ONCHANGE()

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
<script>
function change_service() {
 
 
		var code_act = document.Frm_MAJPoste.service.value;
 
 
   //         	 Liste des hôtels
 
         	var indice = 1;
         	document.Frm_MAJPoste.service_niveau1.options[0].value ="0";
         	document.Frm_MAJPoste.service_niveau1.options[0].text = "Sélectionnez le service niveau 1 ..."
 
		<?php    for ($i=0; $i< sizeof($hierarchie_1_datas); $i++) { ?> 
 
 
         		var code_act_fil = "<?php    echo $hierarchie_1_datas[$i][HIERARCHIE_SERVICE] ?>";
 
			if (code_act == "" || code_act_fil == code_act) {
         			document.Frm_MAJPoste.service_niveau1.length = indice + 1;  
      		   		document.Frm_MAJPoste.service_niveau1.options[indice].value="<?php    echo $hierarchie_1_datas[$i][hierarchie_CODE] ?>";
				document.Frm_MAJPoste.service_niveau1.options[indice].text="<?php    echo $hierarchie_1_datas[$i][hierarchie_LIBELLE] ?>";   
         			indice = indice + 1;
 
         		}
         	<?php    } ?>
 
         	document.Frm_MAJPoste.service_niveau1.length = indice;
 
      }
 
 
</script>

Fonction pour recupére dans la table THierarchie les sous services.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
Function Datas_hierarchie_1($COOKIE) {
 
        $datas = Array();
        $bd = new BaseMysql;
 
        $requete="SELECT thierachie_departement.* FROM thierachie_departement";
        $requete.= "  WHERE hierachie_SITE = ".$COOKIE[cookie_user_site]; 
	$requete.= "  AND hierachie_NIVEAU = 1";
        $requete.="   ORDER BY hierachie_LIBELLE";
 
//        echo "<BR>$requete<BR>";        
        return($bd->get_all_values($requete));
      }

28/08/2014, 10h19
Bovino

Le code JavaScript que tu génères est complètement incohérent...
Tu crées du code répétitif dans une boucle PHP et dans ces portions de code répétées, tu inities des variables. Bref, chaque variable définie dans une itération va écraser le code des itérations précédentes...

oula carement :( daccord je vois ce que tu veut dire

est ce que tu peu quand même m'aider s'il te plait

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
 
<script>
function change_service() {
 
 
		var code_act = document.Frm_MAJPoste.service.value; //<-- ici je recupere le code service que j'ai selection dans la premiere liste déroulante
        	             var indice = 1;
         	             document.Frm_MAJPoste.service_niveau1.options[0].value ="0";
         	             document.Frm_MAJPoste.service_niveau1.options[0].text = "Sélectionnez le service niveau 1 ..." //<-- ici ce qui s'affiche dans la deuxiéme liste déroulante a partir du moment au j'ai slectionné un service
 
		<?php    for ($i=0; $i< sizeof($hierarchie_1_datas); $i++) { ?>  
 
         		var code_act_fil = "<?php    echo $hierarchie_1_datas[$i][HIERARCHIE_SERVICE] ?>"; //<-- le pb est la c sa ??? 
 
			if (code_act == "" || code_act_fil == code_act) {
         			document.Frm_MAJPoste.service_niveau1.length = indice + 1;  
      		   		document.Frm_MAJPoste.service_niveau1.options[indice].value="<?php    echo $hierarchie_1_datas[$i][hierarchie_CODE] ?>";
				document.Frm_MAJPoste.service_niveau1.options[indice].text="<?php    echo $hierarchie_1_datas[$i][hierarchie_LIBELLE] ?>";   
         			indice = indice + 1;
 
         		}
         	<?php    } ?>
 
         	document.Frm_MAJPoste.service_niveau1.length = indice;
 
      }
 
 
</script>

28/08/2014, 19h54
sekaijin

encore une fois

faites des pages html statiques
avec des données statiques
et des javascript statiques

lorsque tout fonctionne il suffit de rendre les données dynamiques et uniquement les données.

c'est une méthode simple efficace qui permet de tester à coup sur.
et qui est économe en temps.

A+JYT

Bonjour,
j'ai essayé mais cela ne fonctionne pas
comme je l'ai dit je suis novice en php et javascript
pourtant j'ai l'impression que le code est correct

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function change_service() {
	var code_act = document.Frm_MAJPoste.service.value; //<-- ici je recupere le code service que j'ai selection dans la premiere liste déroulante
        var indice = 1;
        document.Frm_MAJPoste.service_niveau1.options[0].value ="0";
        document.Frm_MAJPoste.service_niveau1.options[0].text = "Sélectionnez le service niveau 1 ..." //<-- ici ce qui s'affiche dans la deuxiéme liste déroulante a partir du moment au j'ai slectionné un service
<?php    for ($i=0; $i< sizeof($hierarchie_1_datas); $i++) { ?>  // <-- ici je recupere le nombre de ligne de ma requette 
	var code_act_fil = "<?php    echo $hierarchie_1_datas[$i][HIERARCHIE_SERVICE] ?>"; //<-- ici je recupere la colonne service 
	if ( code_act_fil == code_act) { //<-- ici les deux code services sont identique il m'afficher toute les lignes 
        	document.Frm_MAJPoste.service_niveau1.length = indice + 1;  
      		document.Frm_MAJPoste.service_niveau1.options[indice].value="<?php    echo $hierarchie_1_datas[$i][hierarchie_CODE] ?>";
		document.Frm_MAJPoste.service_niveau1.options[indice].text="<?php    echo $hierarchie_1_datas[$i][hierarchie_LIBELLE] ?>";   
         	indice = indice + 1;
	}
<?php    } ?>
	document.Frm_MAJPoste.service_niveau1.length = indice;
}

29/08/2014, 17h32
sekaijin

Je répète
fais tout en satique sans php

juste html css et javascript

lorsque tu auras quelque chose de cohérent et fonctionnel
tu pouras transformer ta page html en php

A+JYT

J'ai réussi à faire fonctionner mon code
je met la solution . Cela pourra peut être aider d'autres personnes.

Merci pour les personnes qui ont répondu.

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
 
function change_service() {
 
	var code_act = document.Frm_MAJPoste.service.value; 
 
             var i = 1;
 
	document.Frm_MAJPoste.service_niveau1.options[0].value ="0";
             document.Frm_MAJPoste.service_niveau1.options[0].text = "Sélectionnez le service niveau 1 ...";
 
        	<?php      foreach ($hierarchie_3_datas as $hierarchie_3)  { ?> 
 
		var service = "<?php echo $datas[0][POSTE_SERVICE] ?>";
 
			 if (  code_act == service )
				   {
 
               				 document.Frm_MAJPoste.service_niveau1.length = i + 1;
               				 document.Frm_MAJPoste.service_niveau1.options[i].value="<?php    echo $hierarchie_3[hierachie_CODE] ?>";
              				 document.Frm_MAJPoste.service_niveau1.options[i].text="<?php    echo $hierarchie_3[hierachie_LIBELLE] ?>";
              			 	 i = i + 1;
				}
 
 
	  <?php    } ?>	
 
	document.Frm_MAJPoste.service_niveau1.length = i;
 
	}