[JQuery] Sérialiser l'envoi des valeurs d'un select box multiple

Bonjour à tous :)

J'ai un soucis dans l'utilisation de JQuery pour Ajax : le soucis du débutant !
J'aimerais envoyer à un fichier PHP via les propriétés d'Ajax les valeurs des options que j'ai sélectionné dans un select box (id = "select_box").

En Javascript, j'en arrive donc à ceci :

Code:

---

1 2 3 4 5 6 7 8

var array = new Array(); $("#select_box option:selected").each(function(){ array.push($(this).val()); }); var post = {tab: array};   $("#area").load("fichier.php", post);

---

Là où je bloque c'est dans la création de la variable objet "post", elle n'est pas correctement sérialisée puisque dans "fichier.php", la valeur de $_POST["tab"] n'est pas un tableau mais uniquement la dernière valeur de ce tableau.
J'ai beau cherché sur la toile, je n'ai trouvé aucun exemple de code avec les select multiple ! 8O

Quelqu'un saurait me donner la solution ? Est-ce que je m'y prends de la mauvaise façon ?

Merci pour votre aide ! :D

http://docs.jquery.com/Ajax/serialize ?

Edit : Tiens d'ailleurs non, t'es pas censé sérializer l'objet, mais plutôt envoyer une hashmap de clée valeur

Oui désolé, effectivement c'est un abus de langage : par sérialiser je voulais plutôt dire "former"... Comment générer cet objet qui s'apparente à un hashmap ?

Code:

---

1 2 3 4 5 6

var datas = {}; $("#select_box option:selected").each(function(index,element){ datas[element.name] = $(element).val(); });   $("#area").load("fichier.php", datas{});

---

Faudrait m'expliquer l'intéret de passer index en première paramètre du callback, et pourquoi diable Jquery n'étant pas les élements matchés :roll:

Bref, sinon ça marche

Ca semble être ça, merci ! :D
Il y a juste la dernière ligne qui renvoie une erreur, il faut enlever les incolades à "datas{}" dans la fonction "load".

Mais il reste encore un détail : ce n'est pas "element.name" qu'il me faudrait mais bel et bien l'ID ou le nom de la select box (je devrais mettre datas["nom_du_select"] par exemple) car au final, je voudrais que mon fichier PHP reçoive une variable POST de type array : $_POST["nom_du_select"] doit donc être un type array de PHP.
Si je fais "datas['nom_du_select'] = x" à chaque itération, je n'aurais qu'une seule valeur (la dernière de l'itération donc) et non un tableau de valeurs...

"index" équivaut-il à la position de l'élément dans la collection (un peu comme serait "i" dans for(i = 0; ...) etc.) ?
edit : Apparemment oui :P... Pas très utile pour les instructions type "foreach" mais quand même...

PS : J'imagine que tu as peut-être eu des sources pour l'apprentissage de JQuery et de ce cas précis ; viennent-elles du net ? J'ai eu beau chercher avec l'ami Google je n'avais rien trouvé.

Merci encore !

J'ai apparemment trouvé la solution, tout simplement :

Code:

---

1 2 3 4 5 6 7

var post = new Array(); $("#select_box option:selected").each(function(){ post.push($(this).val()); });   $("#area").load("page.php", {"select_box[]": post});

---

Dans ma page PHP j'obtiens bien une variable $_POST["select_box"] de type array contenant l'ensemble des valeurs sélectionnées. Par contre on est assez loin de la philosophie JQuery à savoir avoir du code "léger" (c'est relatif certes :mouarf:)... N'y a-t-il pas une manière plus simple ? Une fonction JQuery zappée ?