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

Bonjour,

J'ai un formulaire qui contient notamment :

Code:

---

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:

---

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

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:

---

1 2	<select name="SelectProduct[]">

---

et en php tu aura une variable SelectProduct de type tableau

Code:

---

1 2	print_r($_REQUEST['SelectProduct']);

---

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:

---

1 2	data : 'SelectProduct=' + form.SelectProduct.value

---

Je dirais:

Code:

---

1 2	data : $('#SelectProd').serialize()

---

à tester

Ça fonctionne parfaitement merci :)