Quackit Logo
JavaScript Home

JavaScript Tutorial

Introduction
How to Enable JavaScript
JavaScript Syntax
JavaScript Popup Boxes
JavaScript and HTML
External JavaScript File
JavaScript Operators
JavaScript Variables
JavaScript Functions
JavaScript Events
JavaScript If Statements
JavaScript Switch Statements
JavaScript While Loop
JavaScript For Loop
JavaScript Try Catch
JavaScript Escape Characters
JavaScript Void(0)
JavaScript Cookies
JavaScript Date and Time
JavaScript Arrays
Two Dimensional Arrays
JavaScript innerHTML
JavaScript Summary

JavaScript Reference

JavaScript Reserved Words
JavaScript Event Handlers
JavaScript Date and Time Functions

JavaScript Examples

List of Examples
JavaScript Dropdown Menu
JavaScript Print
JavaScript Alert Box
JavaScript Confirm
JavaScript Prompt
JavaScript Status Bar Messages
Image Rollovers
Popup Windows
JavaScript Redirect
Timed JavaScript Redirect
JavaScript Refresh Page
Sponsored Links
FREE Hosting!
With every domain 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.
Create a website for free - uCoz
Build a website quickly and easily Customizable templates and graphics

JavaScript Dropdown Menu

Print Version

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:

  1. Copy and paste the following code in between the <head> and </head> tags



  2. Insert the following code exactly where you want your menu to occur in between the <body> and </body> tags:



  3. 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?

  1. Add this page to your Favorites
  2. Link to this page (copy/paste into your own website or blog):
  3. Help support Quackit by making a donation
  4. Add this page to your favorite social bookmarks sites:      

Oh, and thank you for supporting Quackit!
Sponsored Links
Cheap Domain Names
Learn Photoshop Video
Need Website Content?
Get unique, quality digital content for your website.
  • 270+ Website Templates
  • 800+ Flash Templates
  • 25,000+ Images, Logos
  • 30,000+ e-Books
  • 15,000+ Scripts
  • 27,000+ Animated GIFs
  • 21,000+ Ringtones
  • ...and much more!
Get your content now!