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 :

Vidage de list avec un change select


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2015
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Charente (Poitou Charente)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juillet 2015
    Messages : 61
    Par défaut Vidage de list avec un change select
    Bonjour,

    Voici mon souci :
    Je créée un select a partir de categorie, puis je rempli une liste vis a vis de ces catégorie..

    Ensuite viens le problème de vidage de la liste entre chaque "change"..toutes mes catégories sont vides au départ...sauf la dernière...je suis sur que c'est un probléme de boucle...car dans la liste s'ajoute les éléments si je ne la vide pas (normal)...

    mon code :
    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
     
    $.ajax({
                    type: "GET",
                    url: '/index_points_category/', 
                    dataType: 'json',
                    success: function(data) {
                        $.each(data, function(key,value) {
                            var categoryName = key;
                            var arrayPoints = value;
     
                            $categorySelect.append('<option value="'+ categoryName +'">'+ categoryName +'</option>');
                            $categoryForm.append('<option value="'+ categoryName +'">'+ categoryName +'</option>');
     
                            $categorySelect.on('change', function() {
     
                                //$listPoints.empty();
                                var val = $(this).val(); 
     
                                if(val != '') {        
                                    $.each(arrayPoints, function(key,value) {
                                        if (val == categoryName){
                                            $listPoints.append('<a href="#" class="list-group-item">'+value.name+'</a>');
                                            console.log(value.name);
                                        }
                                    });
                                }
                            });        
                        });
                    }
                });
            });
    Si quelqu'un peut m'aider...cordialement

  2. #2
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 670
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 670
    Par défaut
    si j'ai bien compris $categorySelect et $categoryForm sont deux menus déroulants
    et à quoi correspond $listPoints ?

    quelle sont les données retournées par l'appel AJAX ? montre nous un exemple

  3. #3
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2015
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Charente (Poitou Charente)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juillet 2015
    Messages : 61
    Par défaut
    Probléme résolu...j'ai changé on code merci .

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [MySQL] Liste déroulante avec table et selected
    Par GYK dans le forum PHP & Base de données
    Réponses: 28
    Dernier message: 12/11/2008, 16h11
  2. filtre sur liste avec selection multiple
    Par petitours dans le forum Requêtes et SQL.
    Réponses: 3
    Dernier message: 01/08/2007, 09h42
  3. [AJAX] Liste avec si select "autre" ouvre un div pour ajouter option
    Par gandalf76fr dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 10/11/2006, 15h24
  4. [HTML] select liste avec decalages des entrees
    Par guy2004 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 12
    Dernier message: 19/05/2006, 15h10
  5. rafraichir une liste avec un <SELECT>
    Par karibouxe dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 20/02/2006, 09h05

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