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 :

Récupérer les valeurs d'un select multiple en AJAX


Sujet :

jQuery

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    111
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Septembre 2010
    Messages : 111
    Par défaut Récupérer les valeurs d'un select multiple en AJAX
    Bonjour,

    J'ai un formulaire qui contient notamment :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    <form name="product" onsubmit="SaveProduct(this); return false;"> 
     
     
     
        echo '<select name="SelectProduct"  size="15" multiple id="SelectProd">';
              while(ma condition)
                    {
                            echo '<option value="'.$data2->Product_id.'" >'.$data2->ProductName.'</option>';
                    }
             echo '</select>';
                                                                    }


    Puis un code dans une autre page :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    function SaveProduct(form){
     
            $.ajax({
               type: "POST",
               url: "save.php",
               cache: false,
               data : 'SelectProduct=' + form.SelectProduct.serialize ,
                success: function(msg){
               document.getElementById('centre').innerHTML = msg;
               }
            });
    }

    Je ne sais pas comment faire pour récupérer toutes les valeurs selectionnées de mon champ "SelectProduct" afin de transmettre le tableau à ma page "save.php"

    Merci pour votre aide

  2. #2
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    Salut,

    Le problème vient de PHP, pas de JQuery.
    Pour que php gère plusieurs variables postées avec le même
    nom, il faut utiliser la notation tableau dans le nom de variable:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <select name="SelectProduct[]">
    et en php tu aura une variable SelectProduct de type tableau

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    print_r($_REQUEST['SelectProduct']);

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    111
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Septembre 2010
    Messages : 111
    Par défaut
    Bonjour,

    Merci pour votre réponse.

    Je comprend pour le formulaire et pour la page PHP.

    Pour pouvoir récupérer la variable dans la page PHP que dois je mettre sur la ligne DATA du jquery ?

    Est ce que ce que j'ai mis ci-dessous fonctionnerait ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    data : 'SelectProduct=' + form.SelectProduct.value

  4. #4
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    Je dirais:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    data : $('#SelectProd').serialize()
    à tester

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    111
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Septembre 2010
    Messages : 111
    Par défaut
    Ça fonctionne parfaitement merci

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

Discussions similaires

  1. [FAQ] Les formulaires (partie 1) Comment récupérer les valeurs d'un select multiple ?
    Par Auteur dans le forum Contributions JavaScript / AJAX
    Réponses: 9
    Dernier message: 17/11/2013, 11h26
  2. Réponses: 5
    Dernier message: 17/07/2008, 09h18
  3. Récupérer les valeurs d'un select multiple
    Par Mak2S dans le forum Struts 1
    Réponses: 4
    Dernier message: 27/11/2007, 15h26
  4. [JSP] Récupérer les valeurs d'un SELECT multiple
    Par ran_hery dans le forum Servlets/JSP
    Réponses: 3
    Dernier message: 15/05/2006, 15h56
  5. Récupérer les valeurs d'un <select> multiple
    Par vg33 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 25/10/2005, 11h38

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