带有链接的HTML组合框

时间:2012-08-28 13:57:41

标签: html

我需要制作一个组合框。每个选项都有一个链接,当选项更改时,文档的位置将移动到该链接。

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

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

1 个答案:

答案 0 :(得分:4)

你可以试试这个

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