Java-Scripts.net

Dropdown Jump Menu

Save screen real estate. This classic "Jump Menu" lets you pack dozens of links into a single dropdown box, perfect for archives, categories, or external resource lists.

Selecting an item will redirect you immediately.

Copy the Script

<script>
function jumpTo(selectObj) {
    var url = selectObj.options[selectObj.selectedIndex].value;
    if (url) {
        window.location.href = url;
    }
}
</script>

<select onchange="jumpTo(this)">
    <option value="" disabled selected>Select a Page...</option>
    <option value="index.html">Home</option>
    <option value="about.html">About</option>
    <option value="contact.html">Contact</option>
</select>

Frequently Asked Questions

No. By using the `onchange` event, the redirection happens instantly when the user selects an option. However, having a 'Go' button is better for accessibility.

Yes. Instead of `location.href`, you would use `window.open(this.value)` in the JavaScript function.

Add a `