HTML Form linking to Pages

Everlongdrummer · 08-01-2007, 05:32 AM

Hey all,

HTML forms are unfortunately one of my weaknesses. Currently I am working on a ordering system that requires the user to select an option from a drop down menu, which then navigates to a new page with a different option, eventually reaching an end price in which they can then pay through Paypal.

Depending on what the user selects dictates which area of the ordering navigation they are taken to. It's a pretty simple concept.

What I'd like to know, is how to code it so that when the user selects an option from a drop-down menu, then clicks a "Next" button, they are taken to a different page in relation to what selection they chose. For EG - they choose their country, and then the "Next" button will take them to a specific page for that country where they can then continue ordering.

If this is too hard, then at least I would like to know how to code the drop-down menu so that when an option is selected then it automatically links them to the corresponding page.

Hope this is easy enough to do......... many thanks in advance

fl00d · 08-01-2007, 06:15 AM

I think this is a task suited for PHP.

Everlongdrummer · 08-01-2007, 07:08 AM

ok i figured out how to link to pages straight from the drop down selection.

im yet to find a way to do the same thing but via a Next button after selecting an option from the menu.

yeti · 08-01-2007, 08:45 AM

Quote:

Originally Posted by Everlongdrummer

ok i figured out how to link to pages straight from the drop down selection.

Fine! Can you please tell us how it is done, so that others can learn something too.

Everlongdrummer · 08-01-2007, 11:11 AM

Haha yeah sorry I was busy messing around with it.

All I did was include the following javascript in the <head>

<script type="text/javascript">
function goToPage(dd) {
var ind = dd.selectedIndex;
if (ind == 0) { return; }
var url = dd.options[ind].value
document.location=url;
}
</script>

And my drop down menu looks like this:

<select name="country" id="country" onChange="goToPage(this); return false;">
<option value="-" selected class="i" title="Country">- Please Choose -</option>
<option value="../paypal/uk/steptwo.php">UK</option>
<option value="http://www.google.com">Ireland</option>
<option value="1" class="i3" title="USA">USA / Canada</option>
<option value="3" class="i4" title="Other">Other Countries</option>
</select>

Pyrofire · 08-01-2007, 12:40 PM

there are multiple ways to link forms over a number of pages, such as using session, and/or cookie functions in a server-side language such as PHP or ASP