Drop down list in html or php so that options send to different pages

Fergaloc · 09-02-2010 06:17PM #1

I was wondering how to make a drop down list so that when you click a option it will send you to a certain page

In other words: if i had a drop down list with the options foot,car,bike,van,other
How could i make it so that when someone chooses foot and clicks a select button it will send them to a page about walking to other places

When someone chooses car it will send them to a car page...ect

I know how to make the drop down list and and the select button to send to a page, but just dont know how to make it go to different pages depending on the option they choose

HTML or PHP will do

Pablod · 09-02-2010 06:44PM

You can use a basic HTML form with some javascript
Set up the pages you want your users to be forward to, then test out the Form below... does the job nicely

<form id="LoginForm" name="AutoListBox">
<p><select name="ListBoxURL" size="1" language="javascript" onchange="gotoLink(this.form);">
<option "selected"> -- Select your vehicle -- </option>
<option value="Car.html">Car</option>
<option value="Bike.html">Bike</option>
<option value="Van.html">Van</option>
</select></p>
<script language="javascript">
<!--
function gotoLink(form) {
var OptionIndex=form.ListBoxURL.selectedIndex;
parent.location = form.ListBoxURL.options[OptionIndex].value;}
//-->
</script>
   </form>

Fergaloc · 09-02-2010 06:51PM

Pablod wrote: »

You can use a basic HTML form with some javascript
Set up the pages you want your users to be forward to, then test out the Form below... does the job nicely

<form id="LoginForm" name="AutoListBox">
<p><select name="ListBoxURL" size="1" language="javascript" onchange="gotoLink(this.form);">
<option "selected"> -- Select your vehicle -- </option>
<option value="Car.html">Car</option>
<option value="Bike.html">Bike</option>
<option value="Van.html">Van</option>
</select></p>
<script language="javascript">
<!--
function gotoLink(form) {
var OptionIndex=form.ListBoxURL.selectedIndex;
parent.location = form.ListBoxURL.options[OptionIndex].value;}
//-->
</script>
   </form>

Thanks it works

Pablod · 09-02-2010 07:14PM

Fergaloc wrote: »

Thanks it works

no problem

Drop down list in html or php so that options send to different pages

Comments