begin process at 2012 05 29 01:48:11
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

[AJAX] Lier deux listes déroulantes


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

[AJAX] Lier deux listes déroulantes

mercredi 19 novembre 2008 à 20:11:40 | [AJAX] Lier deux listes déroulantes

beegeezzz

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]<?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 && 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>
[/CODE]

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]<?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>";
?>[/CODE]

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]$sql_Nom_Cours = "SELECT MNEMONIC FROM cours WHERE NOM_ANNEE = '" . $_POST['select_Nom_annees'] . "' AND MATRICULE_PROF = '" . $_SESSION['Matricule'] . "'";     [/CODE]

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
jeudi 20 novembre 2008 à 06:40:29 | Re : [AJAX] Lier deux listes déroulantes

Bul3

Membre Club
bonjour,
question récurrente...
exemple ( 2 listes ) ici ~ javascript pur ~ php pur ~ ajax ~
Cordialement
         [mon Site] [M'écrire]   Bul         

vendredi 21 novembre 2008 à 12:01:33 | Re : [AJAX] Lier deux listes déroulantes

beegeezzz

Bonjour,

Merci beaucoup,

Problème à moitié résolu.

beegeezzz
vendredi 21 novembre 2008 à 12:21:46 | Re : [AJAX] Lier deux listes déroulantes

Bul3

Membre Club
à moitié... reste l'autre (moitié) alors ?
          [mon Site] [M'écrireBul         

vendredi 21 novembre 2008 à 12:24:16 | Re : [AJAX] Lier deux listes déroulantes

beegeezzz

oui malheureusement :

http://www.javascriptfr.com/forum/sujet-METTRE-JOUR-3E-LISTE-DEROULANTE-MEME-TEMPS-SECONDE_1232018.aspx#2

Merci pour ton aide précieuse.

beegees


Cette discussion est classée dans : code, liste, select, id, xhr


Répondre à ce message

Sujets en rapport avec ce message

Script pour deplacer un select d une liste vers une autre [ par supobi ] Bonjour tlm :)Voila j essai d utiliser ce script : http://www.javascriptfr.com/code.aspx?ID=21998Mais je n arrive pas a recuperer la liste 2 sous form document.getElemetById() has no properties [ par sebaaas ] Bonjour à vous tous,Tout d'abord je tiens à m'excuser car je suis débutant mais j'essaye de comprendre tout doucement.J'ai donc copié un scripte, et j Trier des SELECT [ par whombat ] Bonjour à tous, J'avais un problème : disposant de plusieurs sur la même page, je souhaitais que celui qui était choisi, utilisé par le visiteur, r Génération des champs select et input dynamique / Listes liées [ par daris ] Bonjour;J'essaie de générer deux(2) listes liées et aussi des input dynamiquement avec ajax et javascript mais dure dure...Mon code ne marche pas norm Envoyer plusieurs variables dans le open [ par fabricioliking ] Bonjour, Voila j'aimerai pouvoir envoyer grâce au javascript dans une page php deux variables.voici un extrait du code contenant mon formulaire : [COD Erreur dans mon code pour afficher une liste d'un fichier XML,HELP!!!!!!!!!!!!!!!!! [ par devchat1987 ] Bonjour, svp,j'arrive pas a faire fonctionner mon code,je veux affiche une liste des noms d'une fichier xml dans un div (dans une liste ordonnée ol). récupérer id d'un while php dans box javascript [ par noanis ] Bonsoir, J'ai un while qui génére une liste, chaque élément de cette liste possède un lien javascript qui ouvre une box. Je voudrais récupérer l'id checkbox affiche une liste déroulante [ par nicotech ] Bonjour/Bonsoir je vous explique mon petit problème qui me prend la tête, j'ai plusieurs checkbox qui quand je les coches doivent chacune afficher le Selects en cascade avec bdd Mysql [ par mdc888 ] Hello, Je sais, je vais avoir des remarques du genre : sujet ultra traité, mais je viens de passer une demi journée à chercher sur le web et faire de selectionné un élément dans mon select [ par KaiHo ] Bonjour Je me trouve face à un souci qui me semblait simple à résoudre, mais je sèche. En fait, j'ai un élément "select" d'un formulaire qui doit se


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 5,039 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales