[AJAX] Remplir différents input texte en fonction d'un choix d'une liste déroulante

**Madrek** · 11/06/2010, 15h19

Bonjour,

Je viens vers vous car je bloque sur une situation.
Ma page consiste à visualiser les différentes personnes se trouvant dans ma base de données.

J'ai donc remplis un liste déroulante avec les différents noms et prénoms se trouvant dans ma base et j'aimerai que lors d'une selection d'une personne dans ma liste déroulante, différents input texte se remplissent automatiquement avec les différentes caractéristiques de la personne.

J'ai employé un bouton avec une fonction javascript.
Je pensais avec un getelementbyid pouvoir remplir les différents champs mais je ne trouve pas la recette ...

Pouvez-vous m'aider

Merci

Voici mon code :

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
 
<?
 session_start();
  include ("conf.php");
 
  $connexion = mysql_connect($server,$login,$pwd); 
  if (!$connexion) {
    echo "La connexion a echouee ";
    echo "verifiez que le serveur MySQL fonctionne";
    die;
  }
 
 $selection_base = mysql_select_db("$db");
  if (!$selection_base) {
  echo "<br>La slection de la base a chou, ";
  echo "<br>verifiez que la base existe et que son nom est correct";
  die;
 }
 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Administration</title>
<script type="text/javascript">
<!--
function valider() {
 
		document.getElementById("nom").value = document.getElementById('liste').options[document.getElementById('liste').selectedIndex].value
 
}
// -->
</script>
</head>
<link rel="stylesheet" type="text/css" href="../css/windependent.css">
<body background="../layout/fondadmin.jpg">
 
<h2>Consultation</h2>
 
<hr /><br />
 
<p>Choisissez une demande: </p>
<select name='liste' id='liste'>
<?
$resultat=mysql_query("select * from site_demandes order by id") or die ("requète non executé");
if (! $resultat) { echo "Erreur requete"; exit;} 
while ($ligne=mysql_fetch_array($resultat))
{
?>
<option><? echo ' : '.$ligne['nom'].'';echo ' : '.$ligne['prenom'].'';?> </option>
<?
}
?>
</select>
 
<input type='button' id='valider' name='valider' value='Valider' onclick='valider()'/>
 
<br /><br />
Nom : <input type='text' id='nom' name='nom' /><br />
Prenom : <input type='text' id='prenom' name='prenom' /><br />
Adresse : <input type='text' id='adresse' name='adresse' /><br />
Age : <input type='text' id='age' name='age' /><br />
Taille : <input type='text' id='taille' name='taille' /><br />
Poids : <input type='text' id='poids' name='poids' /><br />
 
</body>
</html>

**sabotage** · 11/06/2010, 18h40

Il faut utiliser le meme principe qu'ici
http://siddh.developpez.com/articles/ajax/

sauf qu'au lieu de construire une autre liste déroulante, tu remplis des champs.