change form action based on select option

Arthur · Jun 15, 2007

Hello.

How might it be possible to change where a form action is directed based on
a selected option.

For example I have this:

<FORM METHOD = "post" ACTION = "">

And a drop down such as

<Select name="formaction">
<option value="method1">method1</option>
<option value="method2">method2</option>
</select>

If option 1 is selected I need this to happen

<FORM METHOD = "post" ACTION = "http://www.thisdomain.com">

If option 2 is selected I need this to happen

<FORM METHOD = "post" ACTION = "http://www.thatdomain.com">

Thanks.

presci · Jun 15, 2007

write a event onchange and check for the selected index and
document.forms[0].action='blah';
or
document.forms[0].action=document.forms[0].selectbox.options[selectbox.selectedIndex].value;

Georgi Naumov · Jun 16, 2007

presci :

write a event onchange and check for the selected index and
document.forms[0].action='blah';
or
document.forms[0].action=document.forms[0].selectbox.options[selectbox.selectedIndex].value;

Hello.

How might it be possible to change where a form action is directed based on
a selected option.

For example I have this:

<FORM METHOD = "post" ACTION = "">

And a drop down such as

<Select name="formaction">
<option value="method1">method1</option>
<option value="method2">method2</option>
</select>

If option 1 is selected I need this to happen

<FORM METHOD = "post" ACTION = "http://www.thisdomain.com">

If option 2 is selected I need this to happen

<FORM METHOD = "post" ACTION = "http://www.thatdomain.com">

Thanks.

Click to expand...

............................................................................................................................
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>
</title>
<script type="text/javascript">
/**
* I thing that this
* way is much elegant
* than document.forms[0].action
* =document.forms[0].
* selectbox.options[selectbox.selectedIndex].value;
* @author Georgi Naumov
*/
function changeAction(aForm,aValue)
{
if(aValue=="")
return;
aForm.setAttribute("action",aValue);
}
</script>
</head>
<body>
<div>
<form action="somewhere.php" action="blanc.php">
<select name="myselect"
onchange="changeAction(this.form,this.value);">
<option value="">plese select action</option>
<option value="one.php">one</option>
<option value="three.php">three</option>
</select>
</form>
</div>
</body>
</html>

Randy Webb · Jun 16, 2007

Georgi Naumov said the following on 6/16/2007 5:04 PM:

presci :

write a event onchange and check for the selected index and
document.forms[0].action='blah';
or
document.forms[0].action=document.forms[0].selectbox.options[selectbox.selectedIndex].value;

Hello.

How might it be possible to change where a form action is directed based on
a selected option.

For example I have this:

<FORM METHOD = "post" ACTION = "">

And a drop down such as

<Select name="formaction">
<option value="method1">method1</option>
<option value="method2">method2</option>
</select>

If option 1 is selected I need this to happen

<FORM METHOD = "post" ACTION = "http://www.thisdomain.com">

If option 2 is selected I need this to happen

<FORM METHOD = "post" ACTION = "http://www.thatdomain.com">

Thanks.

Click to expand...

Click to expand...

/**
* I thing that this
* way is much elegant
* than document.forms[0].action
* =document.forms[0].
* selectbox.options[selectbox.selectedIndex].value;
* @author Georgi Naumov

You think wrong.

Georgi Naumov · Jun 17, 2007

Randy Webb :

Georgi Naumov said the following on 6/16/2007 5:04 PM:

presci :

write a event onchange and check for the selected index and
document.forms[0].action='blah';
or
document.forms[0].action=document.forms[0].selectbox.options[selectbox.selectedIndex].value;

Hello.

How might it be possible to change where a form action is directed based on
a selected option.

For example I have this:

<FORM METHOD = "post" ACTION = "">

And a drop down such as

<Select name="formaction">
<option value="method1">method1</option>
<option value="method2">method2</option>
</select>

If option 1 is selected I need this to happen

<FORM METHOD = "post" ACTION = "http://www.thisdomain.com">

If option 2 is selected I need this to happen

<FORM METHOD = "post" ACTION = "http://www.thatdomain.com">

Thanks.

Click to expand...

Click to expand...

<snipped lots of XHTML that it takes a person of a particular mental
capacity to serve on the web>

/**
* I thing that this
* way is much elegant
* than document.forms[0].action
* =document.forms[0].
* selectbox.options[selectbox.selectedIndex].value;
* @author Georgi Naumov

Click to expand...

You think wrong.

.....................................................................................
Why ? This:
aForm.setAttribute("action",aValue);
is shorter than:
document.forms[0].selectbox.options[selectbox.selectedIndex].value;

-Lost · Jun 17, 2007

Georgi said:
Randy Webb :

Why ? This:
aForm.setAttribute("action",aValue);
is shorter than:
document.forms[0].selectbox.options[selectbox.selectedIndex].value;

You are kidding me right? I'll ask you a question... which one of those
methods is cross-browser?

Or how about, which one of those methods will fail in a certain
mainstream browser?

Randy Webb · Jun 17, 2007

Georgi Naumov said the following on 6/17/2007 3:07 AM:

Randy Webb :

Georgi Naumov said the following on 6/16/2007 5:04 PM:

presci :
write a event onchange and check for the selected index and
document.forms[0].action='blah';
or
document.forms[0].action=document.forms[0].selectbox.options[selectbox.selectedIndex].value;

Hello.

How might it be possible to change where a form action is directed based on
a selected option.

For example I have this:

<FORM METHOD = "post" ACTION = "">

And a drop down such as

<Select name="formaction">
<option value="method1">method1</option>
<option value="method2">method2</option>
</select>

If option 1 is selected I need this to happen

<FORM METHOD = "post" ACTION = "http://www.thisdomain.com">

If option 2 is selected I need this to happen

<FORM METHOD = "post" ACTION = "http://www.thatdomain.com">

Thanks.

Click to expand...

<snipped lots of XHTML that it takes a person of a particular mental
capacity to serve on the web>

/**
* I thing that this
* way is much elegant
* than document.forms[0].action
* =document.forms[0].
* selectbox.options[selectbox.selectedIndex].value;
* @author Georgi Naumov

Click to expand...

You think wrong.

Click to expand...

....................................................................................
Why ?

setAttribute is known to be as buggy as a termite infested house in a
particular browser produced by a company in Redmond Washington, USA.

This:
aForm.setAttribute("action",aValue);
is shorter than:
document.forms[0].selectbox.options[selectbox.selectedIndex].value;

Shorter code isn't always better code.

onchange="this.form.action=this.value"

How much shorter, simpler, of a solution do you want for this question?
And I won't even get into the aspects of trying to write XHTML for the web.

action_page.php form	2	Oct 25, 2020
Move a Form action="ThatPage.php" to an <input type="??" > inline	1	Oct 15, 2023
How to display input options only after selecting an option from the 'select class' tag JS?	6	May 12, 2023
Change form action	0	Jul 2, 2022
HCaptcha - How to stop page from refreshing on submit if captcha is not checked/validated	1	Aug 29, 2023
Add Image and label dynamically inside the dropdown	2	Mar 11, 2022
Multi select options in a menu	1	Oct 30, 2022
problem with form getting submitted	8	Jul 6, 2010

change form action based on select option

Arthur

presci

Georgi Naumov

Randy Webb

Georgi Naumov

-Lost

Randy Webb

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads