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

JavaScript Discussion :

Traitement javascript des options issues d'un Dropdown Multiple Select


Sujet :

JavaScript

  1. #1
    Membre �clair�
    Profil pro
    Inscrit en
    Novembre 2005
    Messages
    653
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 653
    Par d�faut Traitement javascript des options issues d'un Dropdown Multiple Select
    Bonjour a tous,

    J'ai un probl�me pour lequel je tourne en rond depuis quelques jours,


    J'ai actuellement un select multiple :
    Nom : select-mulitple.jpg
Affichages : 628
Taille : 22,2 Ko

    Ce s�lect me permet �videmment de s�lectionner plusieurs options, pas en les surlignant mais en les ajoutant dans un input au dessus (oui je sais c'est bizarre :-D), mais c'est un Dropdown Multiple Select

    Ensuite j'attribue une action onchange :

    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    <select id="chgut[]" name="chgut[]" multiple="multiple" class="form-control search-select" onchange="recupSelection(this,1,0,1)">
    <option value="A">Alabama</option>
    <option value="AR">Arizona</option>
    <option value="CA">California</option>
    <option value="CO">Colorado</option>
    </select>

    Ma fonction recupSelection
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    function recupSelection(idA,client,trian,idB) {
    var idC = idA.options[idA.selectedIndex].value;
    var xhr_object = new XMLHttpRequest();
    xhr_object.open("POST", "sauve_gestion.php", true);
    xhr_object.onreadystatechange = function() {if(xhr_object.readyState == 4) {}}
    xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    var data = "client="+client+"&trian="+trian+"&idGEST="+idC;
    xhr_object.send(data);
    }
    J'ai tent� de comprendre comment fonctionnait le meme type de traitement mais avec des checkbox a la place d'un select :
    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
     
    function recupSelection(id_class,client,trian,idB) {
      var elts = document.querySelectorAll(id_class);
      alert ("elts "+elts)
      var i = 0;
      var array_val = []; // array
      elts.forEach(function(id) {
        if (id.checked) {
          array_val[i] = id.value; // on récupère les value des cases cochées
          i++;
        }
      });
    var liste_val = encodeURIComponent((array_val.length > 0) ? JSON.stringify(array_val) : "");
    // liste au format JSON
    var xhr_object = new XMLHttpRequest();
    xhr_object.open("GET", "sauve_gestion.php?client="+client+"&trian="+trian+"&liste="+liste_val, true);
    xhr_object.onreadystatechange = function() {if(xhr_object.readyState == 4) {console.log ("relance_sms.php?sms="+sms+"&liste="+liste_val);}} 
    var data = "client="+client+"&trian="+trian+"&liste="+liste_val;
    xhr_object.send(null);
    }
    �videmment cela de fonctionne pas a partir d'un SELECT :-D

    Le but �tant de s�lectionner plusieurs noms dans le select et d'envoyer ensuite la liste des values correspondante via javascript..
    Certainement que comme avec les checkbox je devrai r�cup�rer en json le traitement php final.

    J'ai tent� �galement de m'inspirer de cette solution : https://www.developpez.net/forums/d1...e-additionner/

    Ensuite j'ai tent� de mettre : <select id="chgut[]" name="chgut[]" multiple="multiple" class="form-control search-select" onchange="alert(this.value);"> pour voir le r�sultat et il me renvoi toujours la valeur du premier choix, jamais les autres pays que je rajoute.

    Mais mon probl�me est qu'avec un affichage des s�lections en t�te du select, et non parmi les options, cela ne marche pas, voir image de la t�te du select :
    Nom : select-mulitple.jpg
Affichages : 628
Taille : 22,2 Ko

    Merci pour votre aide.

    Olivier

  2. #2
    Mod�rateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211

  3. #3
    Membre �clair�
    Profil pro
    Inscrit en
    Novembre 2005
    Messages
    653
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 653
    Par d�faut
    Merci NoSmoking, mais j'ai deja regard� et le probl�me dans mon cas ne vient pas du multiple mais du fait que ce soit un Select Multiple DROPDOWN

  4. #4
    Mod�rateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    un Select Multiple DROPDOWN
    il serait donc bon que tu d�tailles ce que tu utilises.

  5. #5
    Membre �clair�
    Profil pro
    Inscrit en
    Novembre 2005
    Messages
    653
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 653
    Par d�faut
    C'est � dire, peux tu pr�ciser, je ne comprends pas .

    MErci

  6. #6
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    Qu'est ce qui transforme ton select en dropdown ? Framework ?
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

Discussions similaires

  1. Servlet select multiple r�cup�ration des valeurs
    Par fredmac2g dans le forum Servlets/JSP
    R�ponses: 1
    Dernier message: 22/01/2013, 10h52
  2. [MySQL] Balise <SELECT> et choix des <OPTION>
    Par thomytom dans le forum PHP & Base de donn�es
    R�ponses: 16
    Dernier message: 13/05/2011, 15h53
  3. R�ponses: 3
    Dernier message: 19/08/2007, 01h45
  4. conserver l'etat des options de select multiple apres le submit
    Par raul_le_vieux dans le forum G�n�ral JavaScript
    R�ponses: 8
    Dernier message: 25/07/2007, 15h41
  5. [SQL] Contr�le "Select" et liste des options
    Par Cantalou dans le forum PHP & Base de donn�es
    R�ponses: 2
    Dernier message: 02/12/2006, 20h31

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