[AJAX] Récupérer des input de type id=id[] name=name[] via ajax

Version imprimable

12/05/2009, 16h26
yann0807

[AJAX] Récupérer des input de type id=id[] name=name[] via ajax

Bonjour à tous,
Je poste car je suis désespéré, je suis au bord du pétage de plomb car mon projet web me soule!!
Bref, l'enregistrement d'un formulaire se fait via ajax (c'est pas moi qui l'ait choisi tout allait merveilleusement bien avant).
Bref, dans mon formulaire (qui est pré-rempli) j'ai une partie contact qui m'affiche autant de contact qu'il y en a dans la base de données.
J'ai donc un champ input type avec name=txtContact[] id="txtContact[]".
Comment récupérer les valeurs de chacun des champs (sachant qu'il peut y en avoir 1 comme 10)?
J'utilise Jquery!!! mais toute méthode est la bienvenue.
Merci d'avance

Je maîtrise pas trop JQuery, donc je te propose une petite fonction faite maison, mais il me semble que JQuery gère le "getElementsByClassName"

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
 
//recupere tous les elements d'une classe
//param className: nom de la classe dont on souhaite recuperer les elements
//return un tableau d'elements
function getElementsByClass (className) {
	// recuperation d'une classe
	// fonction nom implementee sous IE, donc on la redefinie...
	if (document.getElementsByClassName == undefined) {
		document.getElementsByClassName = function(className)
		{
			var hasClassName = new RegExp("(?:^|\\s)" + className + "(?:$|\\s)");
			var allElements = document.getElementsByTagName("*");
			var results = [];
			var element;
			for (var i = 0; (element = allElements[i]) != null; i++) {
				var elementClass = element.className;
				if (elementClass && elementClass.indexOf(className) != -1 && hasClassName.test(elementClass))
				results.push(element);
			}
			return results;
		}
	} 
	return document.getElementsByClassName(className);
}

Le principe donc, est de définir tes éléments avec une classe.

Exemple :

Code:

1
2
3
4
5
6
7
 
<form name="monForm" action="#" method="POST">
   <input type="text" name="nom" id="nom" class="donnees" />
   <input type="text" name="prenom" id="prenom" class="donnees" />
   <input type="text" name="age" id="age" class="donnees" />
   <input type="submit" />
</form>

13/05/2009, 12h47
yann0807

Hey re!
Merci pour ta réponse mais j'ai trouvé comment faire ;)
Bref je récupère 4 tableaux en javascript du coup qui chacun contienne plus ou moins de valeurs.
Auriez-vous une solution pour passer ces tableaux proprement en Ajax?
Merci d'avance