Recuperer l'ensemble des valeurs d'un formulaire

Version imprimable

26/08/2010, 12h04
johnson95

Recuperer l'ensemble des valeurs d'un formulaire

Bonjour,

Est il possible de récupérer l'ensemble des valeurs d'un formulaire d'un seul coup?
Éviter ainsi d' utiliser "document.form.element" pour chaque élément de la page.

Ceci est à faire car j'aimerais envoyer un formulaire en Ajax par la méthode "POST" et dans la fonction "xhr.send", j'ai besoin d'envoyé l'ensemble des valeurs du formulaire.

Merci de votre aide !
26/08/2010, 12h36
SpaceFrog

il me semble que jquery à un truc du genre serialize ...

[Edit] il me semblai bien:
http://api.jquery.com/serialize/

Je ne sais pas si c'est ça que tu veux ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<html>
<head>
<script type="text/javascript">
function show(){
for (var a=0;a<document.Myform.length;a++){
 alert(document.Myform[a].value);
}
}
</script>
</head>
<body>
<form name="Myform">
<input type="text" value="nom"/>
<input type="text" value="prenom"/>
</form>
<input type="button" value="Send" onclick="show();"/>
</body>
</html>

26/08/2010, 13h01
SpaceFrog

jolie tentative de raccourci mais il ne fonctionne pas pour un select ni pour des groupes de même name (radios)
26/08/2010, 13h57
Bovino

Citation:

Envoyé par SpaceFrog

jolie tentative de raccourci mais il ne fonctionne pas pour un select ni pour des groupes de même name (radios)

En revanche, les fieldset par exemple sont des éléments de formulaire et sont comptés dans la collection ;)
26/08/2010, 14h07
SPACHFR

Citation:

Envoyé par Bovino

En revanche, les fieldset par exemple sont des éléments de formulaire et sont comptés dans la collection ;)

Je serais très intéressé si tu pouvais développer un peu, ou m'indiquer un lien pour expliquer ta réponse.

Merci

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Test formulaire</title>
		<script type="text/javascript">
                        function affiche() {
                                var leForm = document.forms[0];
                                                var i=leForm.length;
                                                while(i--){
                                                        alert(leForm.elements[i].tagName);
                                                }
                        }
                </script>
	</head>
	<body onload="affiche()">
		<form>
			<input value="Champ texte" />
			<fieldset>
				<legend>Voici un test</legend>
				<input type="radio" name="elt1" value="1" />
				<input type="radio" name="elt1" value="2" />
				<input type="radio" name="elt1" value="3" />
			</fieldset>
		</form>
	</body>
</html>

26/08/2010, 14h45
SPACHFR

Jolie !!
Je viens du coup de découvrir la balise <fieldset> et le tagName
Merci.
26/08/2010, 15h38
johnson95

Je prend la solution du "serialize" !

Merci de votre aide !