Bonjour tout le monde,
Suite à la source d'Antomicro pour son chat sur phpcs (
http://www.phpcs.com/code.aspx?ID=32681) j'ai decidé d'essayer de travailler avec le xmlhttprequest.
J'ai donc utiliser le tuto de
toutjavascript.com .
J'ai plusieurs select liés les uns aux autres :
- le premier engendre le deuxième
- puis selon le choix, le deuxième engendre un troisième select
tout fonctionne bien, les infos sont récupérées dans la base et afficher.
Mon problème est le suivant :
Lors de la fabrication des liste Select, le script donne la valeur
affichée à l'option. Moi je voudrais afficher par exemple le nom de
l'option et attribuer en value l'id de l'option.
Quelqu'un peut il m'expliquer comment je dois m'y prendre ?
voici le code que j'utilise :
Fichier liste_ep_dep.php
if(isset($_POST["form"]) and isset($_POST["select"]) and isset($_POST["club"])) {
header('Content-type: text/html; charset=iso-8859-1');
require("../ccpc_conf/config.php");
require("../ccpc_conf/fonctions.inc.php");
connect_db();
$query = "SELECT `epreuve` FROM
".$prefixe."".$agenda." WHERE `id_club` = '".$_POST["club"]."' ORDER BY
`epreuve` ASC";
$requete=mysql_db_query($db_base,$query,$db) or die(mysql_error());
mysql_close();
echo 'var o = null;';
echo 'var s = document.forms["'.$_POST["form"].'"].elements["'.$_POST["select"].'"];';
echo 's.options.length = 0;';
echo 's.options[s.options.length] = new Option("Choisissez...");';
while($r = mysql_fetch_array($requete)) {
echo 's.options[s.options.length] = new Option("'.$r["epreuve"].'");';
// Je pense que c'est la que je dois modifier mais comment??
}
} else {
echo 'Erreur !!!';
}
Fichier du formulaire
javascript
function request06(f) {
var l1 = f.elements["club"];
var l2 = f.elements["epreuve"];
var index = l1.selectedIndex;
if(index < 1)
l2.options.length = 0;
else {
var xhr_object = null;
if(window.XMLHttpRequest) // Firefox
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
return;
}
xhr_object.open("POST", "liste_ep_dep.php", true);
xhr_object.onreadystatechange = function() {
if(xhr_object.readyState == 4)
eval(xhr_object.responseText);
}
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
var data = "club="+escape(l1.options[index].value)+"&form="+f.name+"&select=epreuve";
xhr_object.send(data);
}
}
Merci d'avance pour votre aide