IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

[AJAX] Listes déroulantes liées


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Femme Profil pro
    Inscrit en
    Novembre 2011
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Femme

    Informations forums :
    Inscription : Novembre 2011
    Messages : 26
    Par défaut [AJAX] Listes déroulantes liées
    Salut,
    je veux recuperer la valeur d'une balise select pour l'utiliser dans une autre balise select se trouvant dans la même page et dans le même formulaire.
    ça marche pas je sais pas c quoi le pb.
    Voilà mon code
    code JavaScript
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
     
    <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('borderaux_client').innerHTML = leselect;
    					}
    				}
     
    				// Ici on va voir comment faire du post
    				xhr.open("POST","ajaxDemande.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 du projet
    				sel = document.getElementById('nom_projet');
    				nomprojet = sel.options[sel.selectedIndex].value;
    				xhr.send("nom_projet="+nomprojet);
    			}
    		</script>
    code php:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    <form id="form1" name="form1" method="post" action="mod_demande2.php">
    <fieldset style="border-color:#000000"><legend class="Style12">Choisir les informations suivantes pour la demande &agrave; modifier:</legend>
    <br><br>
      <p align="center">
      <div align="center"><strong>Nom projet : </strong>
        <select name="nom_projet" id="nom_projet" onchange='go()'>
    	<?php
            
                            $reponse = mysql_query("SELECT distinct nom_projet FROM projet");
                            while($donnees=mysql_fetch_array($reponse))
                            {
                            echo"<option>".$donnees['nom_projet']."</option>";
                            }       
              ?>
        </select>
      </div><br/>
     
      <div align="center"><strong>Borderaux client : </strong>
      <div id='borderaux_client' style='display:inline'>
        <select name="borderaux_client">
    <option value='-1'>Choisir un projet</option>
        </select></div>
      </div><br><br></fieldset>
      <label>
      <div align="center"><br />
        <input type="reset" name="Submit2" value="Annuler" />
        <input type="submit" name="Submit" value="Modifier" />
      </div>
      </label>
     
    </form>
    Voilà mon fichier "ajaxDemande.php" que j'ai utiliser dans mon code JavaScript
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <?php
    	echo "<select name='borderaux_client'>";
    	if(isset($_POST["nom_projet"])){
    		mysql_connect("localhost","root","");
    		mysql_select_db("alu");
     
    		$res = mysql_query("SELECT d.id_demande,d.borderaux_client FROM demande d,demande_projet dp,projet p WHERE d.id_demande=dp.id_demande AND dp.id_projet=p.id_projet AND p.nom_projet='".$_POST["id_projet"]."' ORDER BY d.id_demande");
    		while($row = mysql_fetch_assoc($res)){
    			echo "<option value='".$row["id_demande"]."'>".$row["borderaux_client"]."</option>";
    		}
    	}
    	echo "</select>";
    ?>
    La case des demandes ne contient aucune demande :/

  2. #2
    Membre averti
    Femme Profil pro
    Inscrit en
    Novembre 2011
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Femme

    Informations forums :
    Inscription : Novembre 2011
    Messages : 26
    Par défaut
    je rectifie les trois codes:
    code javascript
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    <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('borderaux_client').innerHTML = leselect;
    					}
    				}
     
    				// Ici on va voir comment faire du post
    				xhr.open("POST","ajaxDemande.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 du projet
    				sel = document.getElementById('nom_projet');
    				idprojet = sel.options[sel.selectedIndex].value;
    				xhr.send("id_projet="+idprojet);
    			}
    		</script>
    code php:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    <form id="form1" name="form1" method="post" action="mod_demande2.php">
    <fieldset style="border-color:#000000"><legend class="Style12">Choisir les informations suivantes pour la demande &agrave; modifier:</legend>
    <br><br>
      <p align="center">
      <div align="center"><strong>Nom projet : </strong>
        <select name="nom_projet" id="nom_projet" onchange='go()'>
    	<?php
            
                            $reponse = mysql_query("SELECT * FROM projet ORDER BY nom_projet");
                            while($donnees=mysql_fetch_array($reponse))
                            {
                            echo"<option value='".$donnees["id_projet"]."'>".$donnees['nom_projet']."</option>";
                            }       
              ?>
        </select>
      </div><br/>
     
      <div align="center"><strong>Borderaux client : </strong>
      <div id='borderaux_client' style='display:inline'>
        <select name="borderaux_client">
    <option value='-1'>Choisir un projet</option>
        </select></div>
      </div><br><br></fieldset>
      <label>
      <div align="center"><br />
        <input type="reset" name="Submit2" value="Annuler" />
        <input type="submit" name="Submit" value="Modifier" />
      </div>
      </label>
     
    </form>
    fichier "ajaxDemande.php" que j'ai utiliser dans mon code JavaScript
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <?php
    	echo "<select name='borderaux_client'>";
    	if(isset($_POST["id_projet"])){
    		mysql_connect("localhost","root","");
    		mysql_select_db("alu");
     
    		$res = mysql_query("SELECT d.id_demande,d.borderaux_client FROM demande d,demande_projet dp,projet p WHERE d.id_demande=dp.id_demande AND dp.id_projet=p.id_projet AND p.id_projet='".$_POST["id_projet"]."' ORDER BY d.id_demande");
    		while($row = mysql_fetch_assoc($res)){
    			echo "<option value='".$row["id_demande"]."'>".$row["borderaux_client"]."</option>";
    		}
    	}
    	echo "</select>";
    ?>
    ça marche tjrs pas maintenant meme la liste des projets ne s'affichent pas :/
    j'attends vos suggestions

  3. #3
    Expert confirmé
    Avatar de rawsrc
    Homme Profil pro
    Dev indep
    Inscrit en
    Mars 2004
    Messages
    6 142
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Dev indep

    Informations forums :
    Inscription : Mars 2004
    Messages : 6 142
    Billets dans le blog
    12
    Par défaut
    Bonjour,

    Regardes ici tu devrais y trouver ton bonheur

  4. #4
    Membre averti
    Femme Profil pro
    Inscrit en
    Novembre 2011
    Messages
    26
    Détails du profil
    Informations personnelles :
    Sexe : Femme

    Informations forums :
    Inscription : Novembre 2011
    Messages : 26
    Par défaut
    Merci pour ta reponse mais vu que je suis débutante en ajax peux-tu me suggerer un exemple simple ?

Discussions similaires

  1. [AJAX] Listes déroulantes liées
    Par Empty_body dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 07/07/2008, 22h47
  2. [AJAX] Listes déroulantes liées
    Par Jiraiya42 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 14/04/2008, 09h58
  3. [AJAX] listes déroulantes liées
    Par alex6644 dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 06/03/2008, 08h33
  4. [AJAX] Listes Déroulantes Liées : 2e liste qui ne s'affiche pas
    Par fayred dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 20/07/2007, 13h07
  5. [AJAX] Listes déroulantes liées avec Ajax
    Par paupiette dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 01/08/2006, 16h51

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo