serialize sur input et select avec attr name identiques

Version imprimable

24/02/2011, 15h34
nico78200

serialize sur input et select avec attr name identiques

Bonjour à tous,

J'ai construit un tableau pour enregistrer des déclinaisons de produits dans une solution de gestion de stock.

Ce tableau est dynamique, on peut rajouter des lignes (pour une nouvelle déclinaison) et des colonne pour un nouveau type d'attribut.

J'utilise la méthode jQuery (1.5) serialize() pour le parser et l'envoyer via XHR vers un script PHP coté serveur.

Mon problème est le suivant, lorsque la méthode sérialize parse tout les inputs et select de mon tableau il ignore purement et simplement tout ceux qui comporte le même attribut 'name' même si je leur met un attr 'id' différent.

Quelqu'un aurait t'il une solution à mon problème?

Merci,

Nico

Si je parse mon tableau sans serialize(), mais en créant un array via push(), j'obtiens un array d'objets. Es ce normal ou je le construis mal? voici le résultat dans ma console:

http://img.nbonnici.info/fo/attr.png
http://img.nbonnici.info/fo/attr-1.png

Et ici le code source:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
		addNewProducts: function() {
 
			var attrs = [];
 
			$('td').each(function() {
				if ( $(this).hasClass('selectCol') ) {
					var name = $(this).find('select').attr('name');
					var val = $(this).find('select option:selected').val();
					attrs.push({
						'name' : name,
						'val' : val
					});	
				} else {
					var name = $(this).find('input').attr('name');
					var val = $(this).find('input').val();
					attrs.push({
						'name': name,
						'val' : val
					});					
				}
			});
 
			console.log(attrs);
 
		}

Voici a quoi mon problème se résumé désormais, ma fonction:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
		addNewProducts: function() {
 
			var attrs = [];
 
			$('table#listAttr td').each(function() {
				if ( $(this).hasClass('selectCol') ) {
					var name = $(this).find('select').attr('name');
					var val = $(this).find('select option:selected').val();
					attrs.push({
						'name' : name,
						'val' : val
					});	
				} else {
					var name = $(this).find('input').attr('name');
					var val = $(this).find('input').val();
					attrs.push({
						'name': name,
						'val' : val
					});					
				}
			});
 
			var test = $.param(attrs);
 
			console.log(test);
 
		}

Me retourne en console:

Code:

1
2
 
Taille=undefined&Coloris=undefined&poids=undefined&paht=undefined&pvht=undefined&qte=undefined&Taille=undefined&Coloris=undefined&poids=undefined&paht=undefined&pvht=undefined&qte=undefined

Pourquoi val est 'undefined' alors que dans l'objet que je lui passe en paramètre à param() il es correctement renseigné?

24/02/2011, 16h52
SpaceFrog

Code:

var name = $(this).find('input').attr('name')

=> collection
faudrait faire un each dessus ?.
24/02/2011, 16h54
nico78200

Chaque cellule contiens un seul input ou select.

Si quelqu'un rencontre un problème similaire voici la syntaxe que j'ai utilisé:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
		addNewProducts: function() {
 
			var attrs = [];
 
			$('table#listAttr td').each(function() {
 
				if ( $(this).hasClass('selectCol') ) {
					var name = $(this).find('select').attr('name');
					var val = $(this).find('select option:selected').val();
					attrs.push({
						'name' : name,
						'val' : val
					});	
				} else {
					var name = $(this).find('input').attr('name');
					var val = $(this).find('input').val();
					attrs.push({
						'name' : name,
						'val' : val
					});	
				}
 
				//console.log('name: '+name+' val: '+val);
			});
 
			$.each(attrs, function(index,value) {
				console.log(value['name']+' :'+value['val']);
			});
 
		}

Ce n'est pas la meilleure loin de là, mais ça fonctionne.

Nico