Webmaster Hub: Select Multiple et Jquery - Webmaster Hub

Aller au contenu

Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

Select Multiple et Jquery

#1 L'utilisateur est hors-ligne   siriu 

  • Groupe : Actif
  • Messages : 38
  • Inscrit(e) : 28-septembre 10

Posté 24 octobre 2010 - 17:41

Bonjour,

J'ai un formulaire qui contient notamment :

	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

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

Ce message a été modifié par siriu - 24 octobre 2010 - 17:44.

0

#2 L'utilisateur est hors-ligne   paolodelmare 

  • Groupe : Hubmaster
  • Messages : 274
  • Inscrit(e) : 19-février 09
  • Genre:Homme
  • Localisation:toulon

Posté 24 octobre 2010 - 20:07

Tu peux construire une chaine avec un sélecteur de ce style
$("#selectprod option:selected").each(function () {
                myStr += $(this).text() + " ";
              });


Simple à adapter pour construire une chaine json par exemple.
Entrainement trail
Rendre à la communauté un peu de ce qu'elle m'a donné.
0

#3 L'utilisateur est hors-ligne   siriu 

  • Groupe : Actif
  • Messages : 38
  • Inscrit(e) : 28-septembre 10

Posté 25 octobre 2010 - 08:47

Merci pour votre réponse, mais étant débutant sous JQuery je n'arrives pas à comprendre comment intégrer votre code dans le mien...

Pour info, mon code Jquery est dans un fichier séparé du formulaire et je l'appelle en mettant :

<form name="product" onSubmit="SaveProduct(this); return false;">
0

Partager ce sujet :


Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

1 utilisateur(s) en train de lire ce sujet
0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)