Zone de liste et zone de texte liées

Version imprimable

Bonjour à tous,

voilà mon problème j'ai une zone de liste agent qui reprend le nom de l'agent et son prenom ainsi que son numero. Je voudrais que lorsque je clique sur un agent dans un champ texte j'ai son numero qui apparait.

Voici mon code :

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
 
<tr>
     <td width="35%">
       <?
        //Requête sélection de tous les agents
        $query = "SELECT * FROM agent ORDER BY nom_agent, prenom_agent";
         include("include/select/select.php");
         // Parcours du tableau $results pour afficher les résultats
         reset($results);
         if (count($results)){
	echo "<select name='choix_agent' style='visibility:hidden'  onselect='affiche'>";
	echo "<option value>Choix de l'agent</option>";
    	while($res = each($results)){
	        echo "<option value=".$res[1]["NUMERO_AGENT"].">".$res[1]["NOM_AGENT"]."  ".$res[1]["PRENOM_AGENT"];
	echo "</option>"."\n";
              }
           }
	echo "</select><br>";
           ?>
 
	<script language="JavaScript">
   	    function affiche()   
   	{
	 document.getElementById('numagent').value=document.getElementById('choix_agent').selectedIndex.$res[1]["NUMERO_AGENT"];//$res[1]["NUMERO_AGENT"];
   	}
	</script>
 
     </td>
     <td colspan="1" width = "165" align="left"><input type="text" name="numagent"></td>
</tr>

Pouvez-vous m'aider?

Merci d'avance.

20/07/2006, 14h34
linar009

Si j'ai bien compris, tu cherches le moyen de mettre à jour dynamiquement une liste déroulante au fur et à mesure que tu tapes un mot dans le champ texte...
C'est bien ça?
20/07/2006, 14h38
bb62

Non, ce n'est pas ça.

J'ai une liste deroulante avec nom_agent et prenom_agent.
Lorsque je selectionne un agent dans la liste deroulante j'aimerai afficher son numero_agent dans un champ texte.

As-tu compris?

Merci d'avance pour vos aides.

Essaye ça :

Code:

1
2
3
4
 
var element = document.getElementById('choix_agent');
 
document.getElementById('numagent').value=element.options[element.selectedIndex].value.slice(0,element.search('>'));

20/07/2006, 14h50
bb62

ça ne fonctionne pas. Mais cela ne me fais pas d'erreur je pense qu'on est parti sur de bonne base.
20/07/2006, 14h55
linar009

Dans quel sens cela ne fonctionne pas :
il ne t'affiche rien dans ton champ texte ?
Il t'affiche qqch d'erroné ?
Ta page ne s'affiche pas entierement ?

Peux tu développer ?
Merci.
20/07/2006, 14h56
bb62

il ne m'affiche rien dans mon champ texte.

Et si tu ôte le slice ?

Code:

1
2
3
var element = document.getElementById('choix_agent');
 
document.getElementById('numagent').value=element.options[element.selectedIndex].value;

Il affiche qqcg ou pas ?

20/07/2006, 15h01
bb62

il ne m'affiche toujours rien.
20/07/2006, 15h05
linar009

et si tu changes ton onSelect de ton select par un onChange ...

onSelect n'est dispo que pour BODY, TEXTAREA et INPUT ...
20/07/2006, 15h06
bb62

pareil, j'ai rien dans mon champ texte.
20/07/2006, 15h13
linar009

peut-être en mettant getElementsByName à la place getElementById ...
Mais c'est bizarre tout ça, ca devrait tourner comme sur des roulettes ...
20/07/2006, 15h17
bb62

ben meme en mettant getElementsByName cela ne marche pas, il y a peu etre juste un petit truc que j'ai oublié je vais tout verifier.
20/07/2006, 15h28
bb62
j'avais oublier des () à affiche dans :
Code:

1 2 echo "<select name='choix_agent' style='visibility:hidden' onchange='affiche()'>";
Donc l'affichage du numero ce fait bien.

Merci beaucoup.
20/07/2006, 15h30
linar009

Donc là tout est ok alors ?
20/07/2006, 15h33
bb62

ouep tout est oki.

Tu vois je t'avais dis que c'etais un petit truc qui manquer.

Merci beaucoup.

Je t'offre un verre :chin: ;)

A++ et encore :merci:
20/07/2006, 15h33
linar009

Citation:

Envoyé par bb62

Je t'offre un verre :chin: ;)

Quand tu veux ! :mouarf:

Maintenant je fais ce code pour recuperer le nom de l'equipe de l'agent selectionner dans un champ texte. Mais cela ne fonctionne pas, il ne me met rien dans mon champ texte equipe, voici le code :

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
<tr>
     <td colspan="1">&nbsp;</td>
     <td colspan="1" width = "165" align="left"><input  type="checkbox" name="dptSûreté" onclick="change()">Departement Sûreté</td>
 
     <td width="35%">
 
     <?
     //Requête sélection de tous les agents			
     $query = "SELECT * FROM agent ORDER BY nom_agent, prenom_agent";
     include("include/select/select.php");
     // Parcours du tableau $results pour afficher les résultats
     reset($results);
     if (count($results)){
       echo "<select name='choix_agent' style='visibility:hidden'  onchange='affiche()'>";
       echo "<option value>Choix de l'agent</option>";
       while($res = each($results)){
	echo "<option value=".$res[1]["NUMERO_AGENT"].">".$res[1]["NOM_AGENT"]."  ".$res[1]["PRENOM_AGENT"];
	echo "</option>"."\n";
         }			
 
         echo "</select><br>";
       }
       ?>
       </td>
 
       <script language="JavaScript">
          function affiche()   
          {
           var element = document.getElementById('choix_agent');
           document.getElementById('numagent').value=element.options[element.selectedIndex].value;
           }
         </script>
 
         <td colspan="1" width = "165" align="left"><input type="text" name="numagent"></td>
 
         <?
         $query2="SELECT libelle_equipe FROM equipe WHERE code_equipe = (select code_equipe from agent where numero_agent = '".$_POST['numagent']."')";
          include("../select/select2.php");
          reset($results2);
          while($res2 = each($results2)){
	  $equipe=$res2[1]["LIBELLE_EQUIPE"];
          }
          ?>
 
          <td colspan="1" width = "165" align="left"><input type="text" name="equipe" value="<?  echo $res2[1]['LIBELLE_EQUIPE']; ?>"></td>
 
</tr>

Peux-tu m'aider?

Merci d'avance.

20/07/2006, 16h29
linar009

Peux-tu développer un peu plus ?
20/07/2006, 16h40
bb62

dans ma table agent, j'ai :
numero_agent, nom_agent, prenom_agent, code_equipe

et dans ma table equipe j'ai :
code_equipe libelle_equipe

J'aimerai que lorsque je selectionne un agent dans la liste, il m'affiche le numero agent dans un champ texte 1 (cela marche), et qu'il m'affiche le libelle de son equipe dans un champ texte2 (cela ne marche pas).

Est ce que j'ai été assez clair, sinon dit le moi.

Merci d'avance.

Bonjour à tous, je fais ce code là :

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
 
<td width="35%">
   <?
   //Requête sélection de tous les agents 
    $query = "SELECT numero_agent, nom_agent, prenom_agent, libelle_equipe FROM agent, equipe where agent.code_equipe = equipe.code_equipe ORDER BY nom_agent, prenom_agent";
     include("include/select/select.php");
   // Parcours du tableau $results pour afficher les résultats
    reset($results);
    if (count($results)){
	echo "<select name='choix_agent' style='visibility:hidden'  onchange='affiche()'>";
	echo "<option value>Choix de l'agent</option>";
    	while($res = each($results)){
	      echo "<option value=".$res[1]["NUMERO_AGENT"]."  ".$res[1]["LIBELLE_EQUIPE"].">".$res[1]["NOM_AGENT"]." ".$res[1]["PRENOM_AGENT"];
	      echo "</option>"."\n";
	}			
	echo "</select><br>";
     }
     ?>
</td>
 
<script language="JavaScript">
   function affiche()   
   {
    var element = document.getElementById('choix_agent');
    document.getElementById('numagent').value=element.options[element.selectedIndex].value;
    document.getElementById('equipe').value = element.options[element.selectedIndex].value;
    }
</script>
 
 
<td colspan="1" width = "165" align="left"><input type="text" name="numagent"></td>
<td colspan="1" width = "165" align="left"><input type="text" name="equipe"></td>

J'ai le numero agent qui s'affiche bien dans mon champ texte "numagent" mais il s'affiche aussi dans mon champ texte "equipe" alors que dans ce champ texte je voudrais le libelle de l'equipe.

Pouvez-vous m'aider?

Merci d'avance.

21/07/2006, 09h09
bb62

En fait j'aimerai afficher dans mon champ texte "equipe" la colonne 2 de la liste deroulante qui est caché.

Pouvez-vous m'aider??

Merci d'avance.

C'est bon j'ai trouvé, je vous met le code pour ceux que ça interesse :

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
34
35
36
37
38
 
<td width="35%">
  <?
   //Requête sélection de tous les agents 		
   $query = "SELECT numero_agent, nom_agent, prenom_agent, libelle_equipe, libelle_departement FROM agent, equipe, departement where agent.code_equipe = equipe.code_equipe And equipe.code_departement = departement.code_departement ORDER BY nom_agent, prenom_agent";
    include("include/select/select.php");
    // Parcours du tableau $results pour afficher les résultats
    reset($results);
    if (count($results)){		
	echo "<select name='choix_agent' style='visibility:hidden'  onchange='affiche()'>";
	echo "<option value>Choix de l'agent</option>";
    	while($res = each($results)){
	      echo "<option value=".$res[1]["NUMERO_AGENT"].'/t'.$res[1]["LIBELLE_EQUIPE"].'/t'.$res[1]["LIBELLE_DEPARTEMENT"].">".$res[1]["NOM_AGENT"]." ".$res[1]["PRENOM_AGENT"];
	       echo "</option>"."\n";
	}			
	echo "</select><br>";
      }
      ?>
</td>
 
<script language="JavaScript">
   function affiche()   
   {
   var element = document.getElementById('choix_agent');
   var valeur=element[element.selectedIndex].value.split("/t");
 
   document.getElementById('numagent').value=valeur[0];
 
   if (valeur[1] == '-') {
       document.getElementById('equipe').value = valeur[2];
   }else{
       document.getElementById('equipe').value = valeur[1] +" / "+ valeur[2];
   }
   }
</script>
 
<td colspan="1" width = "165" align="left"><input type="text" name="numagent"></td>
<td colspan="1" width = "165" align="left"><input type="text" name="equipe" ></td>

Voilà. Je vous remercie tous bien.

Bonne après-midi.

A++