Plusieurs INPUT SUBMIT dans un form

**F.Salenko** · 26/06/2013, 21h29

Bonjour a tous,

Dans un meme form, je cherche a avoir plusieurs INPUT de type SUBMIT afin de diriger l'utilisateur vers différents chemins.
Je sais comment éventuellement le faire en AJAX ou js mais j'aimerais savoir s'il y a une autre solution.

J'ai vu ca sur W3S :

http://www.w3schools.com/tags/tryit...._button_value2

Cela vient de cette page :

http://www.w3schools.com/tags/att_button_value.asp

Quelqu'un a une idée de comment il procede ?

A defaut, est-il possible de recuperer la variable "value" de ton input ? Cela pourrait me servir de filtre dans le traitement des informations de ma page.

Merci

**Vil'Coyote** · 26/06/2013, 23h32

Quelqu'un a une idée de comment il procede ?

A defaut, est-il possible de recuperer la variable "value" de ton input ? Cela pourrait me servir de filtre dans le traitement des informations de ma page.

tu réponde toi même à la question. l'exemple est un envoi vers une page unique et seul la valeur du submit défini l'affichage. dans le cas présent il récupère la valeur de la variable 'subject' envoyé par le formulaire initial.

sinon pour répondre plus clairement, un submit ou plusieur dans un même formulaire enverra forcément vers la même page on ne peut pas dissocier les destinations sauf comme tu l'indique par du js ou en définissant plusieurs formulaire avec un submit pour chaque.

**psykoz** · 27/06/2013, 00h30

Je vous ai créé un petit script qui combine entre jQuery et HTML, peut être qu'il vous sera utile:

Code HTML et JS:

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Hello World</title>
	<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
</head>
<body>
 
	<script type="text/javascript">
 
        $(function(){
 
        $('.page1').click(function(){
 
            $.get('page1.html', function(data) {
                  $('.resultat').html(data);
            });
 
        });
 
        $('.page2').click(function(){
 
            $.get('page2.html', function(data) {
                  $('.resultat').html(data);
            });
 
        });
 
        });
 
        </script>
 
	<form action="" method="get">
		<input type="submit" value="Page 1" class="page1">
		<input type="submit" value="Page 2" class="page2">
	</form>
 
	<div class="resultat"></div>
 
</body>
</html>