Quackit Logo
HTML
CSS
Scripting
Database
Hosting
Design
XML
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
Website builder

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:

  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 page?

  2. Add this page to your Favorites
  3. Link to this page (copy/paste into your own website or blog):
  4. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!