Récupérer variable php d'un select multiple

Récupérer variable php d'un select multiple - PHP - Programmation

Marsh Posté le 03-11-2008 à 16:05:50    

Bonjour,

 

J'ai crée un double menu déroulant (en php), lorsque je sélectionne un pays dans le menu 1, une liste de région apparaît dans le menu 2. Ceci grâce au langage Ajax. J'aimerai que la selection effectué dans en menu 2 apparaisse dans un input.

 

Mon but étant de traiter le nom sélectionné dans l'api google pour retrouver les coordonnées de la ville sélectionnée:

 

Edit: pour simplifier, comment afficher une sélection dans un input, je choisi Paris et je veux que Paris soit écrit dans un input (sur la même page).

 

Code de gestion du menu "Menu.php':

Code :
  1. <html>
  2. <head>
  3. <?php include ('connexion.php'); ?>
  4.  <title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
  5.  <script type='text/javascript'>
  6.   //var xhr = null;
  8.   // Renvoie le texte de l'objet ActiveXObject le plus rcent depuis une liste
  9.   var pickRecentProgID = function (idList){
  10.    // found progID flag
  11.       var bFound = false;
  12.       for(var i=0; i < idList.length && !bFound; i++){
  13.           try{
  14.               var oDoc = new ActiveXObject(idList[i]);
  15.               o2Store = idList[i];
  16.               bFound = true;
  17.           }catch (objException){
  18.               // trap; try next progID
  19.           };
  20.       };
  21.       if (!bFound)
  22.     throw ("Aucun ActiveXObject n'est valide sur votre ordinateur, pensez  mettre  jour votre navigateur" );
  23.       idList = null;
  24.       return o2Store;
  25.   }
  27.   // Retourne un nouvel objet XmlHttpRequest
  28.   var GetXmlHttpRequest_AXO=null
  29.   var GetXmlHttpRequest=function () {
  30.    if (window.XMLHttpRequest) {
  31.     return new XMLHttpRequest()
  32.    }
  33.    else if (window.ActiveXObject) {
  34.     if (!GetXmlHttpRequest_AXO) {
  35.      GetXmlHttpRequest_AXO=pickRecentProgID(["Msxml2.XMLHTTP.5.0", "Msxml2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP"]);
  36.     }
  37.     return new ActiveXObject(GetXmlHttpRequest_AXO)
  38.    }
  39.    return false;
  40.   }
  42.   // Compatibilit avec le script du tutoriel AJAX (developpez.com)
  43.   getXhr=GetXmlHttpRequest;
  45.   /**
  46.   * Mthode qui sera appele sur le click du bouton
  47.   */
  48.   function go(){
  49.      var xhr = getXhr();
  50.      // On dfini ce qu'on va faire quand on aura la rponse
  51.      xhr.onreadystatechange = function(){
  52.         // On ne fait quelque chose que si on a tout reu et que le serveur est ok
  53.         if(xhr.readyState == 4 && xhr.status == 200){
  54.     leselect = xhr.responseText;
  55.     // On se sert de innerHTML pour rajouter les options a la liste
  56.     document.getElementById('bloc').innerHTML = leselect;
  57.         }
  58.      }
  59.      // Ici on va voir comment faire du post
  60.      xhr.open("POST","ajaxRegions.php",true);
  61.      // ne pas oublier a pour le post
  62.      xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  63.      // ne pas oublier de poster les arguments
  64.      // ici, l'id de l'auteur
  65.      sel = document.getElementById('pays');
  66.      pays = sel.options[sel.selectedIndex].value;
  67.              xhr.send("pays="+pays);
  68.   }
  71. //--------------------------------------------------------------------------------------------------------------------//
  72.  
  73. </script>
  75. </head>
  77. <body>
  78.  <form>
  79.   <fieldset style="width: 500px" border="none">
  80.    <legend>Inserez Coordonnées</legend>
  81.    <label>Pays</label>
  82.    <select name='type' id='pays' onchange='go();'style="width: 500px">
  83.     <option value='-1'>Aucun</option>
  84.     <?php
  85.      $res = mysql_query("SELECT pays FROM listepays" );
  86.      while($row = mysql_fetch_assoc($res)){
  87.       echo "<option value='".$row["pays"]."'>".$row["pays"]."</option>";
  88.      }
  89.     ?>
  90.    </select>
  92.    <label>Regions</label>
  94.    <div id='bloc' style='display:inline' >
  95.     <select name='Region[]' id='Reg' onClick='go2(); style="width: 500px">
  96.      <option value='-1'>Choisir</option>
  98.     </select>
  99.    </div>
  101.   </fieldset>
  102.  </form>
  103.  <?php include 'traitement-recherche.php' ?>
  105. </body>
  107. </html>
 

Code Liaison Ajax:

 
Code :
  1. <?php
  2. if(isset($_POST["pays"])){
  3.  if (mysql_connect("localhost","root","" ) ) {
  4.   if (mysql_select_db("maps" ) ) {
  5.    $requete = "SELECT Region FROM listevilles WHERE pays='".$_POST["pays"]."'";
  6.    if ($res = mysql_query($requete) ) {
  7.     echo "<select name='Region' multiple='true' >";
  8.     while($row = mysql_fetch_assoc($res)){
  9.      echo "<option id='Reg' value='Region'".$row["id"]."'>".$row["Region"]."</option>";
  10.           }
  11.     echo "</select>";
  12.    } else {
  13.     echo "Erreur de requête";
  14.    }
  15.   } else {
  16.    echo "Erreur sélection de base de données";
  17.   }
  18.  } else {
  19.   echo "Erreur de connexion mysql";
  20.  }
  21.     } else {
  22.  echo "pays non défini";
  23. }
  24. ?>
 

Code Google "traitement-recherche.php":

  


Code :
  1. <script type="text/javascript">
  2.    
  3.     var map = null;
  4.     var geocoder = null;
  6.     function load() {
  7.       if (GBrowserIsCompatible()) {
  8.         map = new GMap2(document.getElementById("map" ));
  11.    GEvent.addListener(map, "moveend", function() {
  12.           var center = map.getCenter();
  13.           document.getElementById("message" ).value = center.toString();
  15.         });
  16.         map.setCenter(new GLatLng(48.862004474432936, 2.350902557373047), 4, G_SATELLITE_MAP);
  17.                 map.enableDoubleClickZoom();
  18.  geocoder = new GClientGeocoder();
  19.    
  20.     
  21.       }
  22.     }
  25.     function showAddress(address) {
  26.       if (geocoder) {
  27.         geocoder.getLatLng(
  28.           address,
  29.           function(point) {
  30.             if (!point) {
  31.               alert(address +' '+"Désolé je trouve pas cela dans ma base!" );
  32.             } else {
  33.               map.setCenter(point, 13);
  34.               var marker = new GMarker(point);
  35.               map.addOverlay(marker);
  36.               marker.openInfoWindowHtml(address);
  37.             }
  38.           }
  39.         );
  40.       }
  41.     }
  43.     </script>
  45.     <style type="text/css">
  46.     </style>
  47.   </head>
  49.   <body onload="load()" onunload="GUnload()">
  50.     <form action="#" onsubmit="showAddress(this.address.value); return false">
  51.       <p>Je cherche : (ex :nom ville, france)
  52.         <input type="text" class="form" size="63" name="address" value=".$path." />
  53.         <br />
  54.         La latitude / longitude est:
  55.         <input type="text" class="form" id="message" size="50">
  57. </p>
  58.       <p>
  59.         <input name="submit" id="button" type="submit" value="Valider!" />
  60. </p>
  61.       <div id="map" style="width: 500px; height: 200px" style='display:none'></div>
  62.   </form>

Message cité 2 fois
Message édité par bm3w325i le 03-11-2008 à 17:51:07
Reply

Marsh Posté le 03-11-2008 à 16:05:50   

Reply

Marsh Posté le 03-11-2008 à 17:34:50    

Hello,
 
Remarque sur le code Liaison Ajax, je te conseille de ne pas ecrire  
 if (mysql_connect("localhost","root","" ) ) {
  if (mysql_select_db("maps" ) ) {
 
mais d'externaliser les variables de connexion a la base de données dans un fichier. Et d'utiliser ce fichier partout ou tu fais des connexion a la base.
 
include("config.php" );
 if (mysql_connect($CONF['db_host'],$CONF['db_user'],$CONF['db_pswd'] ) ) {
  if (mysql_select_db($CONF['db_dbname'] ) ) {
 
avec dans config.php
<?php
$CONF = array();
$CONF['db_host'] = 'localhost';
$CONF['db_user'] = 'root';
$CONF['db_pswd'] = '';
$CONF['db_dbname'] = 'maps';
?>
 
De ce fait, tu n'auras pas de difficulter a changer de serveur...
 
Par contre, pas d'idée sur ton pb...


---------------
http://poemes.iceteapeche.com - http://www.simuland.net
Reply

Marsh Posté le 03-11-2008 à 17:48:12    

Merci pour l'info, ce code est destiné a un usage interne donc ce n'est pas trop important. En tous cas merci car autant pour les autre fichier j'ai misun include connexion.php, mais ici je ne savais pas comment faire ^^

Reply

Marsh Posté le 03-11-2008 à 21:16:02    

Alors j'ai avancé, mais j'ai un problème, je récupérer la variable cependant il m'affiche le 1ere élément de la liste même si je sélectionne un autre.
 
Function javascript pour recuperer l'element selmectionne et l'afficher:

Code :
  1. function recup() {
  2. var r= document.getElementById('RR').innerHTML;
  3. document.form.address.value=r;
  5. };

Reply

Marsh Posté le 03-11-2008 à 22:38:08    

bm3w325i a écrit :

Bonjour, (...) Ceci grâce au langage Ajax.


 
Bonjour,
 
AJAX n'est pas un langage, c'est l'acronyme de Asynchronous Javascript And XML.
 
 :o  


---------------
Directeur Technique (CTO)
Reply

Marsh Posté le 04-11-2008 à 17:43:59    

Merci pour l'info ^^

Reply

Marsh Posté le 18-10-2010 à 16:45:19    

bm3w325i a écrit :

Bonjour,
 
J'ai créé un double menu déroulant (en php); lorsque je sélectionne un pays dans le menu 1, une liste de régions apparaît dans le menu 2. Ceci grâce au langage Ajax. J'aimerais que la sélection effectuée dans en menu 2 apparaisse dans un input.
 
Mon but étant de traiter le nom sélectionné dans l'api google pour retrouver les coordonnées de la ville sélectionnée:
 
Edit: pour simplifier, comment afficher une sélection dans un input, je choisi Paris et je veux que Paris soit écrit dans un input (sur la même page).
[...]


 
Si j'ai bien compris, la question est de récupérer le résultat d'une sélection dans une liste et de l'insérer dans un "<input type='text' ...>" de la même page.  
 
C'est relativement trivial en JavaScript.  
 
Voici un petit exemple, à adapter après selon les besoins.  
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <title>selector2input</title>
  5. </head>
  6. <body>
  8. <form name='pour_voir' method='post' action='#'>
  10. Sélecteur:
  11. <select name='monSel' onchange='transfert();'>
  12.   <option value='1'>Un</option>
  13.   <option value='2'>Deux</option>
  14.   <option value='3'>Trois</option>
  15. </select>
  16. <br/></br>
  17. Valeur: <input type=text' name='valeur' value=''/>
  18. <br/>
  19. Libellé: <input type='text' name='label' value=''/>
  21. </form>
  22. </body>
  23. <script type='text/javascript' language='JavaScript'>
  24. <!--
  25. function transfert() {
  26.   var Sel, val, label, extrait;
  27.   Sel = document.getElementsByName('monSel')[0];
  28.   val = document.getElementsByName('valeur')[0];
  29.   label = document.getElementsByName('label')[0];
  31.   // récupère la valeur et la met dans le "<input type='text' ...> approprié
  32.   extrait = Sel.options[Sel.selectedIndex].value;
  33.   val.value = extrait;
  35.   // récupère le libellé de l'option choisie et le met dans le "<input type='text' ...> approprié
  36.   extrait = Sel.options[Sel.selectedIndex].text;
  37.   label.value = extrait;
  38. }
  39. // -->
  40. </script>
  41. </html>


 
Cordialement,
 :hello:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed