Champ dependant d'une liste deroulante
Posté : 21 août 2013, 09:15
bonsoir a tous .
voici ce que je veux .
j'ai une table destinateurs avec pour champ nom_dest et dest_Mail.
1. je récupère tous les noms dans une liste déroulante
2. a chaque fois que je choisi un nom de la liste déroulante automatiquement l'autre champ (champ texte) se rempli avec le mail de ce destinateurs.
j'ai essayé de m'inspirer de ce code mais je suis bloqué.je note que quelqu'un m'a demandé d'utiliser les tableau associatif mais je sais pas du tout comment m'y prendre.si quelqu'un pouvais me donner un exemple pour que je puisse m'inspirer de ça.je suis vraiment bloquer
si quelqu'un pouvait bien m'aider.
voici le code :
[javascript]
<?php
include("connect.php");
?>
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8"/>
<title>Formulaire dynamique</title>
</head>
<body>
<form method="post" action="reception.php">
<p>
<select name="annee" id="annee" pattern="(premiere) | (deuxieme)" onchange='anneeChange();'>
<option value="choisissez" selected disabled>-- choisissez --</option>
<option value="premiere">AUTRE</option>
<?php
$req="SELECT id_dest,nom_dest,email FROM destinateurs ORDER BY nom_dest DESC";
$res=mysql_query($req) or die("erreur dans la requête $req");
while ($tab=mysql_fetch_assoc($res)){
echo "<option value='deuxième'>".$tab[nom_dest]."</option>";
}
?>
</select>
</p>
<div id="paragrapheSupplementaire">
</div>
<p>
<input type="submit" value="-- OK --"/>
</p>
</form>
<script>
function anneeChange(){
var paragraphe = document.getElementById("paragrapheSupplementaire");
paragraphe.innerHTML=document.getElementById("annee").value+" année.";
if (document.getElementById("annee").value == "deuxième"){
paragraphe.innerHTML+="<label>Orientation prévue pour l'année prochaine :</label>"
+'<select name="orientation" id="orientation">'
+'<option value="LP">LP</option>'
+'<option value="master">master</option>'
+"<option value=\"inge\">Ecole d'ingé</option>"
+'<option value="boulot">Boulot</option>'
+'<option value="autre">Autre</option>'
+'</select>';
}
}
anneeChange();
</script>
</body>
</html>[/javascript]
voici ce que je veux .
j'ai une table destinateurs avec pour champ nom_dest et dest_Mail.
1. je récupère tous les noms dans une liste déroulante
2. a chaque fois que je choisi un nom de la liste déroulante automatiquement l'autre champ (champ texte) se rempli avec le mail de ce destinateurs.
j'ai essayé de m'inspirer de ce code mais je suis bloqué.je note que quelqu'un m'a demandé d'utiliser les tableau associatif mais je sais pas du tout comment m'y prendre.si quelqu'un pouvais me donner un exemple pour que je puisse m'inspirer de ça.je suis vraiment bloquer
si quelqu'un pouvait bien m'aider.
voici le code :
[javascript]
<?php
include("connect.php");
?>
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8"/>
<title>Formulaire dynamique</title>
</head>
<body>
<form method="post" action="reception.php">
<p>
<select name="annee" id="annee" pattern="(premiere) | (deuxieme)" onchange='anneeChange();'>
<option value="choisissez" selected disabled>-- choisissez --</option>
<option value="premiere">AUTRE</option>
<?php
$req="SELECT id_dest,nom_dest,email FROM destinateurs ORDER BY nom_dest DESC";
$res=mysql_query($req) or die("erreur dans la requête $req");
while ($tab=mysql_fetch_assoc($res)){
echo "<option value='deuxième'>".$tab[nom_dest]."</option>";
}
?>
</select>
</p>
<div id="paragrapheSupplementaire">
</div>
<p>
<input type="submit" value="-- OK --"/>
</p>
</form>
<script>
function anneeChange(){
var paragraphe = document.getElementById("paragrapheSupplementaire");
paragraphe.innerHTML=document.getElementById("annee").value+" année.";
if (document.getElementById("annee").value == "deuxième"){
paragraphe.innerHTML+="<label>Orientation prévue pour l'année prochaine :</label>"
+'<select name="orientation" id="orientation">'
+'<option value="LP">LP</option>'
+'<option value="master">master</option>'
+"<option value=\"inge\">Ecole d'ingé</option>"
+'<option value="boulot">Boulot</option>'
+'<option value="autre">Autre</option>'
+'</select>';
}
}
anneeChange();
</script>
</body>
</html>[/javascript]