Click here to Skip to main content
Click here to Skip to main content

Specifying multiple actions from a single Form

, 1 Aug 2000 CPOL
Rate this:
Please Sign up or sign in to vote.
A simple way to send the data from a single form to different pages, depending on which 'submit' button the user chooses

Introduction

In writing the Self-posting scripts I needed a way to allow the user to send their HTML to either the next page for processing, or to a preview page so they could check first. Basically I wanted 2 "submit" buttons on a single form, but there seemed no obvious way to do it. After asking around and (gasp!) reading the docs I came across a simple method that I hope will save someone else half a day of messing around.

The Problem

Say I have a form such as below:

Screenshot - form.png

We want Button1 to send the data to one page, and Button2 to send it to a completely different page. Your <form> tag specifies the action to take when the submit button is pressed - but we can only specify a single action.

A Solution

One way to get around this is to handle each button's OnClick event and set the "action" for the form dynamically:

<!-- create the form -->
<form name="Form1" method="post">

<!-- Add the data entry bits -->
Your Name <input type="text" name="text1" size="10" /><br />

<!-- Add some buttons -->
<INPUT type="button" value="Button1" name=button1 onclick="return OnButton1();">
<INPUT type="button" value="Button2" name=button2 onclick="return OnButton2();">

<!-- close the form -->
</form>

Our button click handlers for Button1 and Button2 would look like the following:

<script language="Javascript">
<!--
function OnButton1()
{
    document.Form1.action = "Page1.aspx"
    document.Form1.target = "_blank";    // Open in a new window
    document.Form1.submit();             // Submit the page
    return true;
}

function OnButton2()
{
    document.Form1.action = "Page2.aspx"
    document.Form1.target = "_blank";    // Open in a new window
    document.Form1.submit();             // Submit the page
    return true;
}
-->
</script>
<noscript>You need Javascript enabled for this to work</noscript>

Where Page1.aspx should be called when Button1 is pressed, and Page2.aspx called when Button2 is pressed.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Chris Maunder
Founder CodeProject
Canada Canada
Chris is the Co-founder, Administrator, Architect, Chief Editor and Shameless Hack who wrote and runs The Code Project. He's been programming since 1988 while pretending to be, in various guises, an astrophysicist, mathematician, physicist, hydrologist, geomorphologist, defence intelligence researcher and then, when all that got a bit rough on the nerves, a web developer. He is a Microsoft Visual C++ MVP both globally and for Canada locally.
 
His programming experience includes C/C++, C#, SQL, MFC, ASP, ASP.NET, and far, far too much FORTRAN. He has worked on PocketPCs, AIX mainframes, Sun workstations, and a CRAY YMP C90 behemoth but finds notebooks take up less desk space.
 
He dodges, he weaves, and he never gets enough sleep. He is kind to small animals.
 
Chris was born and bred in Australia but splits his time between Toronto and Melbourne, depending on the weather. For relaxation he is into road cycling, snowboarding, rock climbing, and storm chasing.
Follow on   Twitter   Google+   LinkedIn

Comments and Discussions

 
Questioneternally useful PinmemberMember 89630511-Jul-12 14:18 
GeneralMy vote of 5 PinmemberMember 816844017-Aug-11 12:09 
GeneralOnButton1 command to visit url+formvalue PinmemberMember 770283724-Feb-11 7:16 
GeneralThanks Pinmemberbeaudetious6-Jan-11 19:12 
GeneralForm submit to server PinmemberAjay Kale New18-Oct-10 21:41 
Questionis there anyway to send data with this multiple actions on a single form? Pinmemberalidabiri11-May-08 19:03 
Questionone form allowing one of two actions to occur based on field validation PinmemberQesaf14-Aug-07 16:52 
Generalmultiple actions from a single Form: improvement Pinmemberil_betto7026-Apr-07 6:22 
GeneralYet another Thank You PinmemberMember #382276413-Feb-07 11:01 
GeneralMultiAction with ASP [modified] PinmemberChamark1-Jun-06 10:51 
GeneralPlease help, related, but not quite the same Pinmemberskorpiius13-Jan-06 9:47 
GeneralLet me restate Pinmemberskorpiius13-Jan-06 9:54 
Generaljavacript version needed. Pinmembertrix12103-Mar-05 10:49 
GeneralBetween pages PinsussAnonymous18-Nov-04 20:23 
GeneralMultiple Actions from one form, another question PinsussKeith Sarver28-Apr-04 6:10 
GeneralRe: Multiple Actions from one form, another question Pinmemberiamari27-Mar-05 8:35 
Generalsubmit one message to many message boards Pinmembertgopala_krishna26-Jan-04 6:04 
General2 Actions 1 form PinsussBrad Heyse15-Jul-03 8:22 
Questionhow to write dynamically page at a specific location Pinmemberfaad3-Apr-03 23:29 
Generalone button PinsussWebgirljudi3-Feb-03 12:29 
GeneralRe: one button PinadminChris Maunder3-Feb-03 13:01 
GeneralRe: one button PinsussAnonymous29-Apr-04 16:55 
GeneralRe: one button PinmemberHidrogeno11-Apr-08 11:51 
GeneralThanks Chris, solved another problem of mine! Pinmembermwilliamson23-Dec-02 18:38 
GeneralThanks Chris PinmemberNick Parker30-Jul-02 5:27 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web01 | 2.8.141223.1 | Last Updated 2 Aug 2000
Article Copyright 2000 by Chris Maunder
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid