xmlhttprequest et selectRésolu

Question

Bonjour tout le monde,





Suite &#224; la source d'Antomicro pour son chat sur phpcs (32681 http://www.phpcs.com/code.aspx?ID=32681) j'ai decid&#233; d'essayer de travailler avec le xmlhttprequest.





J'ai donc utiliser le tuto de toutjavascript.com .


J'ai plusieurs select li&#233;s les uns aux autres :





- le premier engendre le deuxi&#232;me 


- puis selon le choix, le deuxi&#232;me engendre un troisi&#232;me select





tout fonctionne bien, les infos sont r&#233;cup&#233;r&#233;es dans la base et afficher.





Mon probl&#232;me est le suivant :





Lors de la fabrication des liste Select, le script donne la valeur
affich&#233;e &#224; 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&#233; 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

GhislainLavoie · Accepted Answer

Salut!

Si j'ai bien compris, d'apr&#232;s moi &#231;a serait qqc comme &#231;a :

     echo 's.options[s.options.length] = new Option("'.$r["epreuve"].'","'.$r["id_epreuve"].'");';

Pour autant l'avoir selectionn&#233; :
  $query  "SELECT `epreuve`, `id_epreuve`  FROM ".$prefixe."".$agenda." WHERE `id_club` '".$_POST["club"]."' ORDER BY `epreuve` ASC";

A+, Ghislain

cseagle · Answer

Merci beaucoup ca marche nikel ;-)



@++

Xmlhttprequest et select

2 réponses

Votre réponse

Discussions similaires