[AJAX] Lier deux listes déroulantes

beegeezzz Messages postés 152 Date d'inscription mardi 4 novembre 2008 Statut Membre Dernière intervention 10 avril 2017 - 19 nov. 2008 à 20:11
beegeezzz Messages postés 152 Date d'inscription mardi 4 novembre 2008 Statut Membre Dernière intervention 10 avril 2017 - 21 nov. 2008 à 12:24
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 ? :

<?php 
            include('connexion.php');
            $res "SELECT * FROM cours WHERE MNEMONIC IN (SELECT MNEMONIC FROM enseigner WHERE MATRICULE_PROF '" . $_SESSION['Matricule'] . "')";
//echo($res);
$query = mysql_query($res);

            $nbrow = mysql_num_rows($query);
            echo($nbrow);
    ?>
        <script type='text/javascript'> 
                <script type='text/javascript'>
     
            function getXhr(){
                                var xhr = null; 
                if(window.XMLHttpRequest) // Firefox et autres
                   xhr = new XMLHttpRequest(); 
                else if(window.ActiveXObject){ // Internet Explorer 
                   try {
                            xhr = new ActiveXObject("Msxml2.XMLHTTP");
                        } catch (e) {
                            xhr = new ActiveXObject("Microsoft.XMLHTTP");
                        }
                }
                else { // XMLHttpRequest non supporté par le navigateur 
                   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
                   xhr = false; 
                } 
                                return xhr;
            }
    
            
            /**
            * Méthode qui sera appelée sur le click du bouton
            */
            function go(){
                var xhr = getXhr();
                // On défini ce qu'on va faire quand on aura la réponse
                xhr.onreadystatechange = function(){
                    // On ne fait quelque chose que si on a tout reçu et que le serveur est ok                    if(xhr.readyState 4 &amp;&amp; xhr.status 200){
                        leselect = xhr.responseText;
                        // On se sert de innerHTML pour rajouter les options a la liste
                        document.getElementById('Mnemonic').innerHTML = leselect;
                    }
                }
 
                // Ici on va voir comment faire du post
                xhr.open("POST","ajaxLivre.php",true);
                // ne pas oublier ça pour le post
                xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                // ne pas oublier de poster les arguments
                // ici, l'id de l'auteur
                sel = document.getElementById('annee');
                idauteur = sel.options[sel.selectedIndex].value;
                xhr.send("ID="+ID);
            }
        </script>

    
        <form>
                <select name='annee' id='annee' onchange='go()'>
                    <option value='-1'>(1)Choisissez une année</option>
                    <?php
                        while($row = mysql_fetch_assoc($query)){
                            echo "<option value='".$row["NOM_ANNEE"]."'>".$row["NOM_ANNEE"]."</option>";
                        }
                    ?>
                </select>
                
            
        </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 :

<?php
    echo "<select name='select_Nom_mnemonics'>";
    if(isset($_POST["ID"])){
        mysql_connect("localhost","root","mdp");
        mysql_select_db("deliberations");
        $res = mysql_query("SELECT ID,NOM_ANNEE FROM annees 
            WHERE ID=".$_POST["ID"].");
        while($row = mysql_fetch_assoc($res)){
            echo "<option value='".$row["ID"]."'>".$row["ID"]."</option>";
        }
    }
    echo "</select>";
?>


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 :
$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

4 réponses

Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 16
20 nov. 2008 à 06:40
bonjour,
question récurrente...
exemple ( 2 listes ) ici ~ javascript pur ~ php pur ~ ajax ~
Cordialement         [mon Site] [M'écrire]   Bul         
0
beegeezzz Messages postés 152 Date d'inscription mardi 4 novembre 2008 Statut Membre Dernière intervention 10 avril 2017 1
21 nov. 2008 à 12:01
Bonjour,

Merci beaucoup,

Problème à moitié résolu.

beegeezzz
0
Bul3 Messages postés 4933 Date d'inscription samedi 1 juillet 2006 Statut Membre Dernière intervention 2 février 2015 16
21 nov. 2008 à 12:21
à moitié... reste l'autre (moitié) alors ?
          [mon Site] [M'écrire]  Bul         
0
beegeezzz Messages postés 152 Date d'inscription mardi 4 novembre 2008 Statut Membre Dernière intervention 10 avril 2017 1
21 nov. 2008 à 12:24
0
Rejoignez-nous