deux bouton submit pour un seul formulaire

**griese** · 15/06/2006, 17h35

Bonjour à tous,
J'aurai voulu savoir si il était possible d'avoir deux boutons submit dans le même formulaire et que c'est deux boutons renvoi les données vers deux pages différentes. C'est à dire le bouton 1 envoi les données vers la page1 et le bouton 2 envoi les données vers la page2.
Qu'en pensez-vous ?
D'avance merci pour votre aide.

**supermanu** · 15/06/2006, 17h41

Voir le topic
http://www.developpez.net/forums/sho...boutons+submit

**griese** · 16/06/2006, 10h46

Merci mais cela ne corresponf pas tout a fait à ma question car moi je veux que mon formulaire puisse être envoyer à deux pages différentes, en fonction du bouton choisie.
Par exemple le bouton1 envoi à la page1 et le bouton2 envoi à la page2.

**supermanu** · 16/06/2006, 10h52

Suivant quel bouton tu as cliqué, tu peux changer l'action du formulaire :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
function mafonction(){
var objForm = document.getElementById('monFormulaire');
var boutonclicke=document.getElementById('subbut').value;
alert(boutonclicke)
if(boutonclicke=="bout1")
	objForm.action = "test.html";
if(boutonclicke=="bout2")
	objForm.action = "test2.html";	
return false;
}

**griese** · 16/06/2006, 11h02

Merci de ton aide mais le problème c'est que lorsque la fenêtre d'alert s'ouvre, rien ne s'affiche dedans. Voici le code de déclaration des deux boutons submit :

Code :

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

1
2
3
4
 
<input type='submit' name='modifier' value='Modifier' onclick='document.getElementById('subbut').value=this.value';>
<input type='submit' name='supprimer' value='Supprimer' onclick='document.getElementById('subbut').value=this.value';>
<input type='hidden' name='subbut'>

**supermanu** · 16/06/2006, 11h10

2 petites erreurs :
- Dans <input type='hidden' name='subbut'>, au lieu de mettre name, on met id, car on fait un getElementById dans la fonction.
- Attention aux quotes dans le onclick (j'ai remplacé ' par " : onclick="document.getElementById('subbut').value=this.value";

Ce qui nous donne :

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
 
<script language="JavaScript">
	function mafonction(){
		var objForm = document.getElementById('monFormulaire');
		var boutonclicke=document.getElementById('subbut').value;
		alert(boutonclicke)
		if(boutonclicke=="Modifier")
			objForm.action = "test.html";
		if(boutonclicke=="Supprimer")
			objForm.action = "test2.html";	
		return false;
	}
</script>
 
</head>
<body>
<form action="test.html" OnSubmit="mafonction()" id="monFormulaire">
 
<input type='submit' name='modifier' value='Modifier' onclick="document.getElementById('subbut').value=this.value";>
<input type='submit' name='supprimer' value='Supprimer' onclick="document.getElementById('subbut').value=this.value";>
<input type='hidden' id='subbut'>
 
</FORM>

deux bouton submit pour un seul formulaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager