Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3074 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [AJAX] Lier deux listes déroulantes

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[AJAX] Lier deux listes déroulantes

n°1813988
beegeesdav​e
Posté le 19-11-2008 à 19:15:54  profilanswer
 

Salut les développeurs,
 
J'aimerais créer une page avec 4 listes déroulantes liées.
 
J'ai une première liste déroulante qui s'alimente correctement, je ne pense pas que le code AJAX dans ma page n'est pas utile pour l'alimentation de ma liste déroulante, vous pouvez me confirmer cela svp ? :
 

Code :
  1. <?php
  2.   include('connexion.php');
  3. $res = "SELECT * FROM cours WHERE MNEMONIC IN (SELECT MNEMONIC FROM enseigner WHERE MATRICULE_PROF = '" . $_SESSION['Matricule'] . "')";
  4. //echo($res);
  5. $query = mysql_query($res);
  6.   $nbrow = mysql_num_rows($query);
  7.   echo($nbrow);
  8. ?>
  9.  <script type='text/javascript'>
  10.    <script type='text/javascript'>
  11.   function getXhr(){
  12.                                 var xhr = null;
  13.    if(window.XMLHttpRequest) // Firefox et autres
  14.       xhr = new XMLHttpRequest();
  15.    else if(window.ActiveXObject){ // Internet Explorer  
  16.       try {
  17.                   xhr = new ActiveXObject("Msxml2.XMLHTTP" );
  18.               } catch (e) {
  19.                   xhr = new ActiveXObject("Microsoft.XMLHTTP" );
  20.               }
  21.    }
  22.    else { // XMLHttpRequest non supporté par le navigateur  
  23.       alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );
  24.       xhr = false;
  25.    }
  26.                                 return xhr;
  27.   }
  28.   /**
  29.   * Méthode qui sera appelée sur le click du bouton
  30.   */
  31.   function go(){
  32.    var xhr = getXhr();
  33.    // On défini ce qu'on va faire quand on aura la réponse
  34.    xhr.onreadystatechange = function(){
  35.     // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
  36.     if(xhr.readyState == 4 && xhr.status == 200){
  37.      leselect = xhr.responseText;
  38.      // On se sert de innerHTML pour rajouter les options a la liste
  39.      document.getElementById('Mnemonic').innerHTML = leselect;
  40.     }
  41.    }
  42.    // Ici on va voir comment faire du post
  43.    xhr.open("POST","ajaxLivre.php",true);
  44.    // ne pas oublier ça pour le post
  45.    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  46.    // ne pas oublier de poster les arguments
  47.    // ici, l'id de l'auteur
  48.    sel = document.getElementById('annee');
  49.    idauteur = sel.options[sel.selectedIndex].value;
  50.    xhr.send("ID="+ID);
  51.   }
  52.  </script>
  53.  <form>
  54.    <select name='annee' id='annee' onchange='go()'>
  55.     <option value='-1'>(1)Choisissez une année</option>
  56.     <?php
  57.      while($row = mysql_fetch_assoc($query)){
  58.       echo "<option value='".$row["NOM_ANNEE"]."'>".$row["NOM_ANNEE"]."</option>";
  59.      }
  60.     ?>
  61.    </select>
  62.  </form>


 
Je voudrais commencer par lier la première liste déroulante nommée "annee" avec la seconde liste déroulante qui est nommée "select_Nom_mnemonics" et donc voici le code pour l'AJAX :
 

Code :
  1. <?php
  2. echo "<select name='select_Nom_mnemonics'>";
  3. if(isset($_POST["ID"])){
  4.  mysql_connect("localhost","root","mdp" );
  5.  mysql_select_db("deliberations" );
  6.  $res = mysql_query("SELECT ID,NOM_ANNEE FROM annees
  7.   WHERE ID=".$_POST["ID"]." );
  8.  while($row = mysql_fetch_assoc($res)){
  9.   echo "<option value='".$row["ID"]."'>".$row["ID"]."</option>";
  10.  }
  11. }
  12. echo "</select>";
  13. ?>


 
Ce que devrais afficher la liste déroulante "select_Nom_mnemonics" c'est le nom des cours par rapport à l'année choisie dans la liste déroulante "annee" et aussi dans lequel le Professeur donne cours (par rapport à son matricule).
 
Pour cela, j'ai cette requête qui pourrait être utilisée :
 

Code :
  1. $sql_Nom_Cours = "SELECT MNEMONIC FROM cours WHERE NOM_ANNEE = '" . $_POST['select_Nom_annees'] . "' AND MATRICULE_PROF = '" . $_SESSION['Matricule'] . "'";


 
Je devrais donc travailler avec cette requête pour alimenter la seconde liste déroulante.
 
Sauriez-vous me dire comment je peux déjà lier ces deux listes déroulantes ?
 
Je vous en remercie d'avance.
 
beegees

mood
Publicité
Posté le 19-11-2008 à 19:15:54  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [AJAX] Lier deux listes déroulantes

 

Sujets relatifs
Ajax.InPlaceEditor et Internet Explorer 7[Resolu] Pbm de "récupération de paramètres" avec Ajax.Request
[SQL] Lier la récupération d'infos de 2 tablesDéplacement d'objets en ajax
Messagerie privée/chat/support clients Ajax[JS]Pbm utilisation this dans fct success ajax
petit probleme Ajax avec IEExcel, VB, "lier" des lignes
Ajax - File d'attente / queue d'actions[AJAX] Problème avec innerHTML=xhr_object.responseText
Plus de sujets relatifs à : [AJAX] Lier deux listes déroulantes


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR