Links in a Select Menu

JavaScript FAQ | Navigation Enhancements  

Question: How do I code a drop-down menu with hyperlinks to different pages?

Answer: To create a drop-down (select) menu like this:
you can use the following code:

<form>
<select 
onChange="if(this.selectedIndex!=0)
self.location=this.options[this.selectedIndex].value">
<option value="" selected>Select a page
<option value="startpag.htm">JavaScript FAQ
<option value="numbers.htm">Numbers
<option value="strings.htm">Strings
<option value="navigati.htm">Navigation
<option value="colors.htm">Colors
<option value="http://www.javascripter.net">JavaScripter.net
</select>
</form> 
Just change the menu items and the corresponding URLs to whatever you want. You can use absolute URLs (like http://www.javascripter.net) as well as relative URLs (like mypage.htm).
See also:
  • Can I make a button on my page work as a hyperlink to another page?
  • Can I make a button on my page work as the browser's Back button?
  • Can I make a button on my page work as the browser's Forward button?
  • Can my script access the query string in the current URL?
  • Can I pass parameters from one page to another?
  • How do I search for a particular text string on the page?
  • Copyright © 1999-2011, JavaScripter.net.