Jump Menu 2

Robin Jones Oct 10, 2005

Use a drop-down option box to navigate to other Web pages. Short and sweet!

The JavaScript Source: Navigation: Jump Menu 2

Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

<!-- TWO STEPS TO INSTALL JUMP MENU 2:

1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<HEAD>

function jumpBox(list) {
  location.href = list.options[list.selectedIndex].value
}
-->
</script>
</HEAD>

<BODY>

<form>
  <select>
    <option selected>Select a page
    <option value="demo1.html">Page One
    <option value="demo2.html">Page Two
    <option value="demo3.html">Page Three
  </select>
  <input type="button" value="Go" onClick="jumpBox(this.form.elements[0])">
</form>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

Did you use this script? Do you like this site? Please link to us!

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details

Jump Menu 2

Leave a Response

Attention JavaScript Coders

Go Deeper