JavaScript Home

FREE Hosting!

With every domain name you register with ZappyHost, you get FREE hosting.

$1.99 Domain Names

With every new non-domain purchase thru ZappyHost, you get a domain name for only $1.99.

JavaScript Dropdown Menu

Dropdown menus like this are sometimes referred to as a "Jump menu". This is because it "jumps" to the selected URL as soon as you make the selection. (Other drop down menus require you to click on a "go" button after you've made your selection - which is the safe way to go if you're worried about users who don't have JavaScript enabled).

To create a "Jump menu" like this:

do the following:

Copy and paste the following code in between the <head> and </head> tags
<script language="javascript" type="text/javascript" >  </script>
Insert the following code exactly where you want your menu to occur in between the <body> and </body> tags:
<form name="form1"> <select name="jumpmenu" onChange="jumpto(document.form1.jumpmenu.options[document.form1.jumpmenu.options.selectedIndex].value)"> <option>Jump to...</option> <option value=http://www.quackit.com>Quackit Homepage</option> <option value=http://www.quackit.com/javascript/>JavaScript</option> <option value=http://www.quackit.com/html/>HTML</option> <option value=http://www.quackit.com/css/>CSS</option> <option value=http://www.quackit.com/sql/tutorial/>SQL</option> <option value=http://www.quackit.com/database/tutorial/>Database Tutorial</option> <option value=http://www.quackit.com/web_hosting/>Web Hosting Tutorial</option> </select> </form>

Change the URL references to your own (or you can keep them pointing at Quackit if you so wish!)

And there you have it - your own JavaScript dropdown menu!

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/javascript/javascript_dropdown_menu.cfm">JavaScript Dropdown Menu</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites