Alimenter une zone texte via une zone déroulante

**ecolom** · 03/01/2009, 16h41

Bonjour à tous et surtout, BONNE ANNEE
Après de nombreux essais je me résigne à faire appel à l'équipe du net.
En fait, j'essaie d'alimenter une zone de texte par l'intermédiaire d'une liste déroulante elle même alimentée par un select en sql.
J'ai pu récupérer la fonction js via les tutoriaux qui normalement permet la mise à jour de la zone texte.

Code :

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

1
2
3
<SCRIPT>
	<select name="nomprenom" onchange="this.form.elements['email'].value=this.options[this.selectedIndex].value">
</SCRIPT>

Voici mon formulaire de test:

Code php :

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Test</title>
</head> 
<!-- Fond d ecran-->
<body background="52.jpg" style="background-attachment: fixed">
   <div align="center">
	<table border="0" cellpadding="0" cellspacing="0" width="800" height="600">
		<!-- MSTableType="layout" -->
		<tr>
			<td valign="top" height="600" width="800"> 
<form action ="ticket_enregistre.php" enctype="multipart/form-data" method="post">
<!-- Liste deroulante nomprenom -->
<select name="nomprenom">
  <?php
     include("users.inc.php");
       $liendb = mysql_connect($host,$user,$pws);
       mysql_select_db ($database);     
       $SQL = "SELECT nomprenom, email FROM users order by nom";
       $res = mysql_query($SQL);
     while($val=mysql_fetch_array($res)) 
	{
     echo "<option>".$val["nomprenom"]."</option>\n";
    }
  ?> 
</select>	
<!-- Zone texte email-->
	<input type="text" name="email" size="10">	
<!-- Fichier attache -->
	<input type="file" name="fichierannexe">
 
<!-- Bouton Envoyer vers DB SQL Ticket -->	
	<div style="position: absolute; top: 485px; left: 510px; width: 88px; height: 26px; z-index:1">
		<input type="submit" value="Envoyer">
	</div>
<!-- Bouton clear Gauche -->
	<div style="position: absolute; top: 485px; left: 414px; width: 62px; height: 26px">
	 &nbsp;<input type="reset" name="reset" value="Clear"> 
	</div>
</form>
</body>
</html>

Pouvez-vous me guider et me dire ou je dois placer ce bout de code car j'ai essayé plusieurs endroits mais sans résultats.
Entre les head, après ma zone texte, etc.....

Pouvez-vous aussi me confirmer que ce bout de code est suffisant pour la mise à jour de ma zone texte ?

Merci pour vos indications et aide, j'en ai bien besoin du fait que je suis débutant dans le domaine.
A bientôt

**Jumano** · 03/01/2009, 17h06

Bonjour,
Tu indiques le "onchange" à l'intérieur de ton select :

Code :

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

<select name="nomprenom" onchange="this.form.elements['email'].value=this.options[this.selectedIndex].value">

Et surtout tu donnes une "value" à tes "options" :

Code :

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

echo "<option value='".$val["email"]."' >".$val["nomprenom"]."</option>\n";

**ecolom** · 03/01/2009, 20h11

Merci Jumano.
Effectivement cela fonctionne.

Mais pas de chance pour moi, c'est mon fichier de mise à jour de la db qui déconne maintenant, il met à jour le champs NOM de ma DB avec l'adresse email.
Voici mon bout de code qui met à jour la db intervention.

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
<?php
  // Connexion à la base de données
  include("param.inc.php");
  $liendb = mysql_connect($host,$user,$pws);
  mysql_select_db ($database); 
  // Insertion  des champs du formulaire dans la base de données gestion_sg / Ticket  
  $sql = "INSERT INTO ticket (nomprenom, email )
  VALUES ('".$_REQUEST['nomprenom']."', '".$_REQUEST['email']."')";
 if (mysql_query($sql) !=false) {
  $numticket = mysql_insert_id();
     //Affichage message après sélection du bouton Envoyé
     print("ticket < ".$_request['nomprenom']." > enregistré.");
  }
 else
     print("Echec lors de la création de la demande.");
mysql_close($liendb);

du fait que j'ai adapté le code onchange dans mon formulaire, le champs NOMPRENOM reçoit la valeur email dans ma DB et plus le nomprenom que j'avais avant.
Comment faire pour que les valeurs retrouvent leur places ?

Si tu as une idée Jumano elle est la bienvenue.
En attendant, je continue de chercher.

Merci

**Jumano** · 03/01/2009, 20h17

Effectivement,
Avec

Code :

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

$_REQUEST['nomprenom']

tu récupères la valeurs de l'option de ton select, donc l'adresse email :

Code :

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

<option value='".$val["email"]."' >

**ecolom** · 03/01/2009, 20h25

Effectivement, mais je ne comprends pas comment procéder pour que la db soit mise à jour avec les bonnes valeurs.
Y a t-il une autre fonction à utiliser ?
Si oui, laquelle.

Le but est que les zones se remplissent automatiquement et que je puisse récupérer les valeurs pour les mettrent à jour dans ma DB

Merci

**Jumano** · 03/01/2009, 20h34

J'ai modifié ton code comme ceci :

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
<body background="52.jpg" style="background-attachment: fixed">
   <div align="center">
	<table border="0" cellpadding="0" cellspacing="0" width="800" height="600">
		<!-- MSTableType="layout" -->
		<tr>
			<td valign="top" height="600" width="800"> 
<form action ="ticket_enregistre.php" enctype="multipart/form-data" method="post">
<!-- Liste deroulante nomprenom -->
<select name="nom" onchange="this.form.elements['email'].value=this.options[this.selectedIndex].value; this.form.elements['nomprenom'].value=this.options[this.selectedIndex].text">
<?php  include("users.inc.php");
       $liendb = mysql_connect($host,$user,$pws);
       mysql_select_db ($database);     
       $SQL = "SELECT nomprenom, email FROM users order by nom";
       $res = mysql_query($SQL);
     while($val=mysql_fetch_array($res)) 
        {
     echo "<option value='".$val["email"]."' >".$val["nomprenom"]."</option>\n";
    }
  ?> 
</select>
<!-- Champs caché pour le nomprenom -->
	<input type="hidden" name="nomprenom">
<!-- Zone texte email-->
	<input type="text" name="email" size="10">	
<!-- Fichier attache -->
	<input type="file" name="fichierannexe">
 
<!-- Bouton Envoyer vers DB SQL Ticket -->	
	<div style="position: absolute; top: 485px; left: 510px; width: 88px; height: 26px; z-index:1">
		<input type="submit" value="Envoyer">
	</div>
<!-- Bouton clear Gauche -->
	<div style="position: absolute; top: 485px; left: 414px; width: 62px; height: 26px">
	 &nbsp;<input type="reset" name="reset" value="Clear"> 
	</div>
</form>
</body>

On créé un champs caché nommé "nomprenom" et sur le onchange du select :
- Le champs 'email' prends la valeur de l'option,
- le champs caché 'nomprenom' prend la valeur de l'étiquette (du texte) du select ...

Alimenter une zone texte via une zone déroulante

JavaScript

Vue hybride

Discussions similaires

Partager

Partager