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="home.html">JavaScript FAQ
<option value="numbers.htm">Numbers
<option value="strings.htm">Strings
<option value="navigati.htm">Navigation
<option value="colors.htm">Colors
<option value="https://javascriptfaq.net">JavascriptFAQ.net
</select>
</form> 
Just change the menu items and the corresponding URLs to whatever you want. You can use absolute URLs (like
https://javascriptfaq.net
) as well as relative URLs (like
mypage.htm
).
See also:

Copyright © 1996-2018, JavascriptFAQ.net.