Question

I need to make a combobox. Every option has a link, when the option is changed, the location of the document moves to that link.

I don’t want to use any big JavaScript functions or forms.

What is the elegant way to do this?

Answer 1

you can try this

    <select onchange="window.open(this.options[this.selectedIndex].value)">
        <option value="">Go to page...</option>
        <option value="http://stackoverflow.com/">stackoverflow</option>
        <option value="http://facebook.com/">facebook</option>
        <option value="http://twitter.com/">twitter</option>
    </select>

or if you don’t want to open new tab/window you can try this

    <select onchange="window.location=this.options[this.selectedIndex].value">
        <option value="">Go to page...</option>
        <option value="http://stackoverflow.com/">stackoverflow</option>
        <option value="http://facebook.com/">facebook</option>
        <option value="http://twitter.com/">twitter</option>
    </select>