Récupérer tableau php->javascript <select>

Version imprimable

17/06/2008, 15h27
Borowsky

Récupérer tableau php->javascript <select>

Bonjour,

J'ai une page HTML avec un "select multiple":

Code:

<select name="filtre_auteur[]" multiple size="10">

Ce que je voudrais faire c'est :
a chaque fois que le contenu selectionné du "select" change, récupéré le tableau "filtre_auteur" qui contient les valeurs des champs sélectionnés dans le "select", dans mon javascript. Je ne vois pas comment procéder ...

A mon avis il faut utiliser la méthode onchange(), mais ce qui me bloque c'est de récupéré dans mon Javascript, a chaque changement, le contenu du tableau "filtre_auteur"

Si vous pouviez m'aider, merci ! :D
17/06/2008, 15h30
tusssss

Un petit peu de recherche t'aurais aidé:

FAQ select multiple
17/06/2008, 15h47
Borowsky

:oops: C'est vrai...

Cependant je viens d'essayer et j'ai l'erreur suivante :

SelectBox has no properties... :mrgreen:

EDIT :

J'adore poser des questions sans réfléchir... :D

C'est bon ça fonctionne à moitié...

Pourquoi je récupère des "undefined" au lieu des valeurs de mon select ??
17/06/2008, 16h04
tusssss

Citation:

Envoyé par Borowsky

:oops: C'est vrai...

Cependant je viens d'essayer et j'ai l'erreur suivante :

SelectBox has no properties... :mrgreen:

EDIT :

J'adore poser des questions sans réfléchir... :D

C'est bon ça fonctionne à moitié...

Pourquoi je récupère des "undefined" au lieu des valeurs de mon select ??

Tes options ont des value ?

Sans code impossible de t'aider...

oui mes options ont des values :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<select name="filtre_auteur[]" multiple="multiple" size="10">
	<option selected value="0" id="0">Tous les auteurs</option>
        <?php
        for($i=0,$n=count($auteurs_article);$i<$n;$i++){
                $auteur_article=$auteurs_article[$i];
        ?>               
	        <option value="<?php echo $auteur_article->auteur_article;?>" id="<?php echo $auteur_article->auteur_article;?>">
	        <?php echo $auteur_article->auteur_article;?>
	        </option>
	<?php
        }
        ?>
</select>

D'ailleurs dans le code source de la page je les retrouve...

ET voici mon JS :

Code:

1
2
3
4
5
6
7
8
9
10
11
var selectedList = new Array();
var selectBox = document.forms['adminForm'].elements['filtre_auteur[]'];
for (var i=0; i<selectBox.options.length; i++) {
	if (selectBox.options[i].selected) {
	        selectedList.push(selectBox.options[i]);
	}
}
var filtre = "";
for (opt in selectedList) {
        filtre += opt.value+",";
}

D'ailleurs il reconnait bien le nombre d'option qui sont selectionnées puisque si j'ai deux options, le résultats est : "unsigned,unsigned"

En fait c'est bon, j'ai fait plus simple dans mon Javascript, je sais pas pourquoi l'exemple nous fait passer par un tableau...

Voila mon code :
Code:

1 2 3 4 5 6 7 var filtre=""; var selectBox = document.forms['adminForm'].elements['filtre_auteur[]']; for (var i=0; i<selectBox.options.length; i++) { if (selectBox.options[i].selected) { filtre += selectBox.options[i].value+","; } }

17/06/2008, 16h24
tusssss

Il manquait peut-être un each, pour faire

Code:

for each (opt in selectedList)
17/06/2008, 16h29
Borowsky

Citation:

Envoyé par tusssss

Il manquait peut-être un each, pour faire

Code:

for each (opt in selectedList)

Wé peut-être... C'est une erreur dans le tuto que tu ma montré alors :mrgreen:
17/06/2008, 16h33
tusssss

Coupable!!!

J'ai juste lu le titre, en même temps j'ai fait l'effort de chercher ce que tu aurais trouvé dans la faq rien qu'en la survolant, le titre était quand même assez explicite :D

Il faut prendre des habitudes de recherche:

1) Regarder la FAQ

2) Recherche dans le forum concerné

3) Lire les résultats et essayer de comprendre

4) Retour à l'étape 2 avec de nouveaux mots clés

5) Poster sur le forum parce que je suis perdu :D