Discussion :

[Fench]

Bonjour,

Normalement quand nous déclarons une liste déroulante multiple dans une form, le nom de la liste est un tableau ...

Genre le code ci-dessous (en abrégé):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
   <form method="POST" action="controleurs/c_parcelle.php">
 
             <select name="ld_parcelle[]" size="20" multiple>
                     ....
              </select> 
 
            .... 
            <input type="submit" value="Activer/déactiver une parcelle" />
   </form>

Ensuite dans le POST, nous récuppérons un tableau.

Ma question est:
Comment faire si nous avons la liste déroulante suivi d'un formulaire pour récupérer les valeurs choisies lors du POST (c cas est du à la composition particulière de la page)
le code suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
             <select name="ld_parcelle[]" size="20" multiple>
                     ....
              </select> 
 
   <form method="POST" action="controleurs/c_parcelle.php">
 
             .... 
            <input type="submit" value="Activer/déactiver une parcelle" />
   </form>

J'ai essayé en js mais le pb est que je n'arrive pas à récupérer sous forme d'un tableau. Avez vous des idées, merci, car moi et l'html/js ça fait 2

[gwyohm]

Bonjour,

Normalement quand nous déclarons une liste déroulante multiple dans une form, le nom de la liste est un tableau ...

Non pas forcément, on donne le nom qu'on veut

Ma question est:
Comment faire si nous avons la liste déroulante suivi d'un formulaire pour récupérer les valeurs choisies lors du POST (c cas est du à la composition particulière de la page)
le code suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
             <select name="ld_parcelle[]" size="20" multiple>
                     ....
              </select> 
 
   <form method="POST" action="controleurs/c_parcelle.php">
 
             .... 
            <input type="submit" value="Activer/déactiver une parcelle" />
   </form>

Il faut effectivement passer par du javascript, donc tu peux te retrouver dans un cas où javascript n'est pas activé, donc sans les données.

Sinon pour répondre à ta question, le truc est de parcourir les options de ton select. Pour chaque option sélectionnée tu peux par exemple créer dans le formulaire un champ hidden avec le même nom que ta select, et donner la valeur de l'option sélectionnée.

[Fench]

merci gwyohm mais j'ai pas tout bien compris

Non pas forcément, on donne le nom qu'on veut

?????

formulaire un champ hidden avec le même nom que ta select, et donner la valeur de l'option sélectionnée.

CAD que dans le champ hidden je fais name="optionsOk[]"

Dans mon code js fe fais:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
        function changeLbParcelleValue() {
            var valeurLb = new Array();
            var liste = document.getElementById('selectParcelle');
            var nopt = liste.options.length;
            var i, j=0;
            for (i=0; i<nopt; i++) {
                if (liste.options[i].selected)
                    valeurLb[j++] = liste.options[i].value;
            }
            document.getElementById('inputParcelle').value = valeurLb;
        }

ce code est appelé dans la form et les id sont tels que:
selectParcelle pour la liste déroulante multiple
inputParcelle pour le champ hidden


Le problème est que j'obtiens dans mon controlleur une liste séparée de "," et non un tableau ... pourquoi ?

Merc i encore

[Matthieu2000]

est ce que c'est si dur d'ajouter les tag form ou créer un select caché?
(Crée un autre formulaire...)

[gwyohm]

CAD que dans le champ hidden je fais name="optionsOk[]"

Dans mon code js fe fais:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
        function changeLbParcelleValue() {
            var valeurLb = new Array();
            var liste = document.getElementById('selectParcelle');
            var nopt = liste.options.length;
            var i, j=0;
            for (i=0; i<nopt; i++) {
                if (liste.options[i].selected)
                    valeurLb[j++] = liste.options[i].value;
            }
            document.getElementById('inputParcelle').value = valeurLb;
        }

ce code est appelé dans la form et les id sont tels que:
selectParcelle pour la liste déroulante multiple
inputParcelle pour le champ hidden


Le problème est que j'obtiens dans mon controlleur une liste séparée de "," et non un tableau ... pourquoi ?

Tu obtiens une liste séparée par des virgules pcq c'est la serialisation standard d'un tableau en javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 document.getElementById('inputParcelle').value = valeurLb;

Tu affectes à la valeur un champ un tableau. Il y a donc un toString() qui est fait sur ton tableau.

Soit côté serveur, tu gères ce cas,
Soit comme le propose Matthieu2000, tu crées un select invisible dans ton formulaire qui reprend l'état de celui que tu veux poster
Soit comme je disais, tu créé des champs cachés avec les valeurs (1 champ caché par option sélectionnée)...

[Fench]

ok ok pour la sérialisation ET c'est vrai que j'ai pas l'habitude de ce langage (je ne m'en rappelé plus ).

Donc premier pb résolu sur les valeurs, c ok.


Sinon:

Soit comme le propose Matthieu2000, tu crées un select invisible dans ton formulaire qui reprend l'état de celui que tu veux poster

Je vais regardé ça sur le web ...

ET:

Soit comme je disais, tu créé des champs cachés avec les valeurs (1 champ caché par option sélectionnée)...

là j'ai rien compris ... mais l'histoire un champ par option c pas dynamique pour mon cas d'une liste construite à partir d'une table postgres, non ???

Merci dans tous les cas je regarde un peu le select invisible et je concluerais ce post

[Fench]

Bonjour à tous,

J'ai opté pour la première solution, celle commencée avec du js. ça marche bien une fois désérialisé sur le serveur.

Merci