Recuperer l'ensemble des valeurs d'un formulaire

**johnson95** · 26/08/2010, 12h04

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 !

**SpaceFrog** · 26/08/2010, 12h36

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

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

**SPACHFR** · 26/08/2010, 12h45

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**SpaceFrog** · 26/08/2010, 13h01

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

**Bovino** · 26/08/2010, 13h57

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

**SPACHFR** · 26/08/2010, 14h07

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

**Bovino** · 26/08/2010, 14h19

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**SPACHFR** · 26/08/2010, 14h45

Jolie !!
Je viens du coup de découvrir la balise <fieldset> et le tagName
Merci.

**johnson95** · 26/08/2010, 15h38

Je prend la solution du "serialize" !

Merci de votre aide !

Recuperer l'ensemble des valeurs d'un formulaire

JavaScript

Discussions similaires

Partager

Partager