Compatible Browsers:
Example: View Code Demo
<!DOCTYPE html>
<head>
<title>Select Menu With Go Button 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;}
input {background-color: rgba(0,0,0,0.3);border-color:efefef; color:#000; font-family:verdana, arial, ms sans serif; font-weight:bold; font-size:10pt; text-align:center;text-shadow:0 1px 0 rgba(0,0,0,0.4)}
</style>
<script>
<!--
/* Begin Select Menu With Go Button
== 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">
<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><input type="button" value="Go!" onclick="gofetch(this)" />
</form>
</body>
</html>