Change Form Action and Method attributes

In case you want your form action value changed based on certain condition then you can do this using simple JavaScript. In this way you can submit your single form to any of your scripts based on condition.
Here you will also find tricks for changing the method attribute of the form using JavaScript.

<script type="text/javascript">

function changeAction (frm) {   // result after your conclusion
     var variable1 = 5;

// check condition based on which you decide action script
 if (variable1 > 6) {
     frm.action = 'test1.php?x=2';
     frm.submit(); return;
}
else {
     frm.action = 'test2.html';
     frm.submit();
     return;
}
   // change form method if you wish. you can make it conditional also.
  //frm.method = 'get';

   // if condition do not satisfy then do not submit it.
  return false;

}
</script>

<form name="frm1" action="test3.php" method="post" onsubmit="return changeAction(this);">

<input type="text" name="txtBox1" value="" />

<input type="submit" name="submit1" value="Submit" />

</form>

See here normally your form will be submitted to test3.php page. But it will go to test1.php or test2.html. In test1.php you will get x=2 in $_GET also. See the example there you can change the method to get also. Currently it is set to post.

Possibly Related posts:

• JavaScript: Displaying Message after a Action, say Form Submit
• Submitting two Forms at Once
• Javascript Submit Value on Same Page or Different Page