[AJAX] Remplir différents input texte en fonction d'un choix d'une liste déroulante
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:
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> |