Plusieurs INPUT SUBMIT dans un form

Version imprimable

26/06/2013, 21h29
F.Salenko

Plusieurs INPUT SUBMIT dans un form

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
26/06/2013, 23h32
Vil'Coyote

Citation:

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.

1 pièce(s) jointe(s)

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:

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>

Ensuite il ne vous reste que la création des deux pages "page1.html" et "page2.html".

Sinon vous pouvez télécharger le script complet...

01/07/2013, 10h58
Bisûnûrs

Sinon on peut aussi lire la FAQ :
http://php.developpez.com/faq/?page=...ire_deuxsubmit