Compatible Browsers:
Example: View Code Demo
<!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>