Jump Menu's

Retire at 21 · 12-10-2006, 01:33 PM

Welcome to todays jump menu tutorial.

There isnt much to making a jump menu, its basicly a form with an onchange and some javascript.

Code:

<form name='jump'>
<select name='menu' onChange='location=document.jump.menu.options[document.jump.menu.selectedIndex].value;' value='GO'>
<option value='destination1.php'>page 1</option>
<option value='destination2.php'>page 2</option>
<option value='destination3.php'>page 3</option>
</select>
</form>

in this code the javascript gets the value of the form when it has been changed and the javascript sends the browser to the value page.
I suggest if you dont know how to make a form yet, go back and have a look at the form tutorial and then give this another try.

Register @ Retire at 21 If you like this tutorial

12-10-2006, 01:33 PM	#1 (permalink)
Retire at 21 Status: Junior Member Join Date: Dec 2006 Posts: 25 Trader Rating: (0) TD$: 0.00 Donate	Jump Menu's Welcome to todays jump menu tutorial. There isnt much to making a jump menu, its basicly a form with an onchange and some javascript. Code: <form name='jump'> <select name='menu' onChange='location=document.jump.menu.options[document.jump.menu.selectedIndex].value;' value='GO'> <option value='destination1.php'>page 1</option> <option value='destination2.php'>page 2</option> <option value='destination3.php'>page 3</option> </select> </form> in this code the javascript gets the value of the form when it has been changed and the javascript sends the browser to the value page. I suggest if you dont know how to make a form yet, go back and have a look at the form tutorial and then give this another try. Register @ Retire at 21 If you like this tutorial

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode