Submit selon le choix d'une option

[sara21]

Bonjour,

je sais pas si c'est un simple problème mais j'ai pas trouvé une solution :s

voila mon code :

Code HTML :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<form id="form1" name="form1" method="post" action="">
  <p>
    <label>
      <input name="RadioGroup1" type="radio" id="Page1" value="radio" checked="checked" />
      Page1</label>
    <br />
    <label>
      <input type="radio" name="RadioGroup1" value="radio" id="Page2" />
      Page2</label>
    <br />
    <label>
      <input type="radio" name="RadioGroup1" value="radio" id="Page3" />
      Page3</label>
  </p>
  <p>
    <label>
    <input type="submit" name="Valider" id="Valider" value="Submit" />
    </label>
    <br />
  </p>
</form>

si l'option "Page1" est activé je voudrais au moment du click sur le bouton Submit mettre <form id="form1" name="form1" method="post" action="Page1.php">
et si l'option "Page2" est activé je voudrais au moment du click sur le bouton Submit mettre <form id="form1" name="form1" method="post" action="Page2.php">
............
j'espère que le problème est clair et j'attends votre aide. Merci

[silver59]

Un truc comme ca ?

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
 
function formulaire(destination)
{
	window.location = destination;
}
</script>
 
<form id="form1" name="form1" method="post">
  <p>
    <label>
      <input name="RadioGroup1" type="radio" id="Page1" value="page1.php" checked="checked" onclick="formulaire(this.value);" />
      Page1</label>
    <br />
    <label>
      <input type="radio" name="RadioGroup1" value="page2.php" id="Page2" onclick="formulaire(this.value);" />
      Page2</label>
    <br />
    <label>
      <input type="radio" name="RadioGroup1" value="page3.php" id="Page3" onclick="formulaire(this.value);" />
      Page3</label>
  </p>
</form>

[sara21]

merci silver59 pour la solution, mais je veux me redirectionner à une autre page au moment du click sur le boutton "submit" et non sur l'une des options.

[xclam]

tu met un onclick sur les boutons et dans la fonction js tu fais un document.getElementById('form1').action = 'tapage'

Code html :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<form id="form1" name="form1" method="post">
  <p>
    <label>
      <input name="RadioGroup1" type="radio" id="Page1" value="page1.php" checked="checked" onclick="formulaire(this.value);" />
      Page1</label>
    <br />
    <label>
      <input type="radio" name="RadioGroup1" value="page2.php" id="Page2" onclick="formulaire(this.value);" />
      Page2</label>
    <br />
    <label>
      <input type="radio" name="RadioGroup1" value="page3.php" id="Page3" onclick="formulaire(this.value);" />
      Page3</label>
  </p>
</form>

Code javascript :

1
2
3
4
 
function formulaire(page){
   document.getElementById('form1').action = 'page'
}