html - 带有链接的 HTML 组合框

Question

我需要制作一个组合框。Every option has a link, when the option is changed, the location of the document moves to that link.

我不想使用任何大的 JavaScript 函数或表单。

这样做的优雅方法是什么？

Answer 1

你可以试试这个

    <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>

或者如果你不想打开新标签/窗口，你可以试试这个

    <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>