Récupérer les données d'un select
Bonjour,
J'ai le code suivant et je voulais récupérer les valeurs des select pour les envoyer vers un fichier php qui se chargera de leur insertion dans une bd.Pouvez vous m'aider.
<html>
<head>
<script language="javascript">
list_choix = {
"Rai" : ["Cheb khaled", "Cheb Hasni", "Cheb Mami"],
"Tounsi" : ["Saber", "Latifa", "Amina"],
"Mesri" : ["Hani Chaker", "Tamer Hosni"],
"Chami" : ["Wael Jassar", "Nancy"],
"Gharbi" : ["Akon", "Enrique Eglesias", "Madonna"],
}
function ajout(selection){
nb_select = selection.parentNode.getElementsByTagName("select").length;
if ( selection == selection.parentNode.getElementsByTagName("select")[nb_select-1] ) {
element_select = selection;
selection = selection.options[selection.selectedIndex].value;
if ( list_choix[selection] ) {
new_liste = document.createElement("select");
element_select.parentNode.appendChild(new_liste);
new_liste.setAttribute("id", "choix"+nb_select);
new_liste.setAttribute("name", "choix"+nb_select);
new_liste.setAttribute("onchange", "ajout(this)");
for (var i=0; i<list_choix[selection].length; i++) {
new_option = document.createElement("option");
new_liste.appendChild(new_option);
new_option.setAttribute("value", list_choix[selection][i]);
new_option.text = list_choix[selection][i];
}
}
}
else {
selection.parentNode.removeChild(selection.nextSibling);
ajout(selection)
}
}
</script>
</head>
<body>
<div align="center">
<select name="choix1" id="choix1" onChange="ajout(this)">
<option value="0">-------</option>
<option value="Rai">Rai</option>
<option value="Tounsi">Tounsi</option>
<option value="Mesri">Mesri</option>
<option value="Chami">Chami</option>
<option value="Gharbi">Gharbi</option>
</select>
</div>
</body>
</html>
J'ai le code suivant et je voulais récupérer les valeurs des select pour les envoyer vers un fichier php qui se chargera de leur insertion dans une bd.Pouvez vous m'aider.
<html>
<head>
<script language="javascript">
list_choix = {
"Rai" : ["Cheb khaled", "Cheb Hasni", "Cheb Mami"],
"Tounsi" : ["Saber", "Latifa", "Amina"],
"Mesri" : ["Hani Chaker", "Tamer Hosni"],
"Chami" : ["Wael Jassar", "Nancy"],
"Gharbi" : ["Akon", "Enrique Eglesias", "Madonna"],
}
function ajout(selection){
nb_select = selection.parentNode.getElementsByTagName("select").length;
if ( selection == selection.parentNode.getElementsByTagName("select")[nb_select-1] ) {
element_select = selection;
selection = selection.options[selection.selectedIndex].value;
if ( list_choix[selection] ) {
new_liste = document.createElement("select");
element_select.parentNode.appendChild(new_liste);
new_liste.setAttribute("id", "choix"+nb_select);
new_liste.setAttribute("name", "choix"+nb_select);
new_liste.setAttribute("onchange", "ajout(this)");
for (var i=0; i<list_choix[selection].length; i++) {
new_option = document.createElement("option");
new_liste.appendChild(new_option);
new_option.setAttribute("value", list_choix[selection][i]);
new_option.text = list_choix[selection][i];
}
}
}
else {
selection.parentNode.removeChild(selection.nextSibling);
ajout(selection)
}
}
</script>
</head>
<body>
<div align="center">
<select name="choix1" id="choix1" onChange="ajout(this)">
<option value="0">-------</option>
<option value="Rai">Rai</option>
<option value="Tounsi">Tounsi</option>
<option value="Mesri">Mesri</option>
<option value="Chami">Chami</option>
<option value="Gharbi">Gharbi</option>
</select>
</div>
</body>
</html>
Configuration: Windows XP Firefox 3.0.12
4 réponses
-
Bonjour,
Pour commencer il faut que votre zone de liste soit placer dans un formulaire HTML.
<form name="nom_du_formualire" action="nom_la_page_php.php" method="post">
...
</form>
Ensuite dans votre page PHP, vous allez recuperer les données envoyées comme ceci :
<?php
$valeur_de_la_liste=$_POST["choix1"];
echo $valeur_de_la_liste;
?>
Alex -
je c mon cher ami, j'ai déjà fait ça mai le problème c'est que lord de l'envoie ce qui s'écrit dan la barre d'adresse du navigateur est "http://localhost/fichier.php?choix1=rai&choix1=chebmami"
mon problème réside dasn la récupération des deux valeurs de la variabale choix1 -
quand le javascript genere la liste 2 il faut lui donner un autre name
new_liste.setAttribute("name", "choix2");
ainsi tu recuperes l
$choix1=$_GET['choix1']; ,pour la liste1
et
$choix2=$_GET['choix2']; ,pour la liste2
si elles se nomment toutes les deux choix1 tu ne peux pas faire le distingo -
merci bien cher ami pour votre aide c'est ce que je cherchai
