JavaScript Workshop » Creating a JavaScript Jump Menu

Nowadays there are many elaborate ways to create navigation to access pages on your website. Back in the early days of JavaScript, "Jump Menus" were used a lot to create simple navigation to various web pages. These have been replaced by more elaborate JavaScript menu systems that use hundreds of lines of code. This technique can still come in handy in certain situations and is good practice for anybody wanting to learn.

Basically it is accomplished by taking a HTML menu control and using its values with JavaScript methods to "redirect" the visitor to another web page. The JavaScript would just find the selected option item and using the window.location method to direct to the new web page.

For a detailed explanation, check out this video (.zip) narrated by Dori Smith as well as the online example and code (.zip).