带有链接的HTML组合框

Question

我需要做一个组合框。每个选项都有一个链接，更改选项后，文档的位置将移动到该链接。

我不想使用任何大的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>