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/dhtml/dhtml_navbar.cfm>DHTML Nav bar</option> </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