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

jQuery Discussion :

Charger deux listes déroulantes


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2014
    Messages
    44
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Février 2014
    Messages : 44
    Par défaut Charger deux listes déroulantes
    Bonjour à tous ;
    je suis en cours de développer une application J2EE en utilisant les jsp et les servlet, j'ai un probléme concernant les listes déroulantes, en effet j'ai réaliser la liaison entre 2 listes, mais je peux le faire pour trois liste, par exemple j'ai une liste déroulant société qui contient les sociétés, quand je sélectionne une société, une deuxième liste s'affiche qui contient touts les services de cette société, le problème c'est lorsque je séléctionne un service je veux une autre liste qui contient les postes de ce service. je n'ai pas trouvé une solution pour exécuter ça. comment je peux le faire?
    Merci d'avance.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 217
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 217
    Par défaut
    Bonjour,
    ...c'est lorsque je séléctionne un service je veux une autre liste qui contient les postes de ce service. je n'ai pas trouvé une solution pour exécuter ça.
    appliques le même principe pour ta liste #2 vers #3 que ce que tu utilises pour ta liste #1 vers #2.

  3. #3
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2014
    Messages
    44
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Février 2014
    Messages : 44
    Par défaut
    c"est ce que j'ai essayer mais la valeur de liste #2 prend le null

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 217
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 217
    Par défaut
    Sans plus de code je dirais que tu mélanges les variables/éléments de référence.

  5. #5
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2014
    Messages
    44
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Février 2014
    Messages : 44
    Par défaut
    Citation Envoyé par NoSmoking Voir le message
    Sans plus de code je dirais que tu mélanges les variables/éléments de référence.
    voici mon code :
    c'est pour le module ajax
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <script>
    $(document).ready(function() {                                  
    	$('#soc').change(function() {                        
    		  $.get('Remplistser',{'id':document.getElementById("soc").value}, function(responseText) {    
    		    $('#ser').html(responseText);                          
    		  });
    		});
    $('#ser').change(function() {                        
    	  $.get('Remplistpos',{'id':document.getElementById("ser").value}, function(responseText) {    
    	    $('#pos').html(responseText);                          
    	  });
    	});
    	});
    </script>
    et ça, c'est ma page jsp, juste la partie d'appel

    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
    <table>
    				<tr height="30">
    					  <td><h4>Service : </h4></td><td><select name="soc" id="soc"><option selected="selected">--Choisir votre société--</option>
    					  <%String requete3 = "Select * from societe";
    						try
    						{
    							Statement stmt = Con.createStatement();
    							ResultSet resultat1 = stmt.executeQuery(requete3);
    							while (resultat1.next())
    							{
    								out.print("<option value='"+resultat1.getString("NomSoc")+"'>"+resultat1.getString("NomSoc"));
    							}
     
    						}
    						catch (Exception e) {
    							e.printStackTrace();
    						} %></select></td>
    					  </tr>
    						<tr height="30">
    					  <td><h4>Service : </h4></td><td><div id="ser"></td>
    					  </tr>
    					  <tr>
    					  	<td><h4>Poste : </h4></td><td><div id="pos"></div><%%></td>
    					  </tr>

  6. #6
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $.get('Remplistpos',{'id':document.getElementById("ser").value}, function(responseText)
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="ser"></td>
    1- Une balise div n'a pas d'attribut value, c'est la valeur du 2ème select que tu doit récupérer.
    2- Ta balise div n'est pas fermé.
    3- Pourquoi ne pas profité jQuery pour récupérer les valeurs : $("#id_element").val().

    Montre nous comment tu génères les autres select coté serveur appelé par la requête AJAX.

    A+.

Discussions similaires

  1. Plus de deux listes déroulantes liées
    Par Mateache dans le forum ASP
    Réponses: 2
    Dernier message: 23/08/2006, 12h00
  2. [MySQL] Charger dynamiquement liste déroulante
    Par Jiraiya42 dans le forum PHP & Base de données
    Réponses: 40
    Dernier message: 27/06/2006, 16h40
  3. [AJAX] Synchronisation de deux listes déroulantes
    Par Le Rebel dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 18/03/2006, 23h28
  4. [PHP-JS] Lier deux listes déroulantes
    Par budiste dans le forum Langage
    Réponses: 6
    Dernier message: 15/11/2005, 15h36
  5. [WD5.5] Lier deux listes déroulantes
    Par grellierj dans le forum WinDev
    Réponses: 7
    Dernier message: 11/10/2005, 17h33

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