HTML drop down menu generator
Build a drop down menu that opens a URL when an item is selected or a button is clicked, with a real, working preview as you add items.About dropdown navigation menus
A dropdown (or "jump") menu is a <select> element where each option holds a URL instead of a plain value - choosing an option, or choosing one then clicking a button, sends the visitor to that page. It's a compact way to offer a long list of destinations (regions, categories, related pages) without the space a full menu bar or list of links would need.
The 'value' of each option is the URL it links to, and the visible text is whatever label you want shown, most often the name of the destination site or page. Give each item a memorable "Menu Name" if you're placing more than one dropdown on the same page, since two elements sharing an ID will conflict.
Frequently asked questions
What's the difference between "on change" and "on button click"?
"On change" navigates the moment someone picks an item - simplest for visitors, but easy to trigger by accident while scrolling through options. "On button click" adds a separate Go button, so nothing happens until they've confirmed their choice - usually the better choice for anything more than 2-3 items.
Can I use this as a real page navigation menu?
Yes - this pattern (sometimes called a "jump menu") is commonly used for things like a "select your region" or "jump to a section" control. For a full site navigation menu with dropdown submenus, a CSS-based nav is usually a better fit than a form element.
Does this work without JavaScript?
No - both the "on change" and "on button" behaviours rely on a small amount of JavaScript to read the selected value and navigate. If you need a no-JavaScript fallback, wrap the select in a real <form> with a server-side redirect script as the action instead.
Can I have more than one of these menus on the same page?
Yes - just give each one a different "Menu Name" so their IDs don't clash.