Java-Scripts.net

Simple Go Menu

Accessible navigation. Using a standard form interface allows you to pack many links into a small area while giving users full control over when to navigate.

Copy the Script

<script>
function go() {
    var list = document.getElementById("navMenu");
    var url = list.options[list.selectedIndex].value;
    if(url) {
        window.location = url;
    } else {
        alert("Please select a destination.");
    }
}
</script>

<select id="navMenu">
    <option value="">Select Page...</option>
    <option value="index.html">Home</option>
    <option value="about.html">About</option>
</select>
<button onclick="go()">Go</button>

Frequently Asked Questions

A 'Jump Menu' usually triggers `onchange` (redirects immediately). A 'Go Menu' waits for a button click, which is generally more accessible for keyboard and screen reader users.

Yes. Change `window.location = url` to `window.open(url)` in the JavaScript function.

Yes, standard CSS applies to the `