Snap Builder Public Codes Library
Snap | Generators | Login | Browse | Search | Enter Code | Export Snap Builder Public Codes Library

 

Category: Javascript Codes Library >> Navigation / Menus >> Simple Select Menu


Code Snippet </> Info


Snippet Name: Simple Select Menu

Description: Easily add a select menu to your page. Transports visitor to URL on selection.

Compatible Browsers:
Chrome BrowserFirefox BrowserInternet Explorer BrowserOpera BrowserSafari Browser


Example: View Code Demo

Note: Add as many OPTION URL's that you need.

Author: SnapBuilder <snippets@snapbuilder.com>

Last Modified: 2019-12-10 00:30:22

Language: javascript

Highlight Mode: javascript

Copy Codes: Use Free Notepad ++
Bookmark and Share

Snap HTML Code Editor:
Paste the source code, make changes and instantly see it in live preview.
Snap HTML Code Editor


  About Copying
Copied To Clipboard!

<!DOCTYPE html> <head> <title>Simple Select Menu Javascript Code Snippet</title> <style> BODY {font-family:verdana,arial,ms sans serif; font-size:90%; color:#000000;} select {background: rgba(0,0,0,0.3);color:#000;text-shadow:0 1px 0 rgba(0,0,0,0.4);} option:not(:checked) {background-color:#dddddd; color:#000;} </style> <script> <!-- /* Begin Simple Select Menu == This Script Free To Use Providing This Notice Remains == == This Script Has Been Found In The https://snapbuilder.com Free Public Codes Library == == NOTICE: Though This Material May Have Been In A Public Depository, Certain Author Copyright Restrictions May Apply == */ function gofetch(snapLink) { if (document.snapnav.snapLink.value != "") { location.href = document.snapnav.snapLink.value; } } // --> </script> </head> <body> <form name="snapnav" onchange="gofetch(this)"> <select name="snapLink"> <option selected value=""><<< Select >>></option> <option value="https://snapbuilder.com">SnapBuilder</option> <option value="http://www.sitepronews.com">SiteProNews</option> <option value="http://www.exactseek.com">ExactSeek</option> <option value="http://www.craftyolelady.com">CraftyOleLady</option> </select> </form> </body> </html>


[ Snippet Options ]

 

© 2002 -  Snap Builder Public Codes Library