html - 如何在没有 GO 按钮的情况下创建下拉列表超链接？

Question

我只想创建一个下拉列表，只要我在其中选择一个新值，它就会带我到一个新网页。我不想让用户单击“GO”按钮转到该页面。只需选择并调用操作。我该怎么做？

<form>
<p align="center"><b>Select a Site </b>
<select id="setit" style="color: #0000FF" size="1" name="test">
<option value="">Select one</option>
    <option value="http://www.altavista.com">AltaVista</option>
    <option value="http://www.yahoo.com">Yahoo</option>
     <option value="http://www.google.com">Google</option></select>
     <input type="button" value="Go"
onclick="window.open(setit.options[setit.selectedIndex].value)">
</p></form>

这里举例来说，这会有GO按钮，需要点击GO才能转到新页面。我不想要 GO 按钮。

有什么想法吗？

Answer 1

使用onchange事件:

<select onchange="window.open(this.value,'','');">
....
</select>