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

Jon*_*han 5 html drop-down-menu

我只想创建一个下拉列表,每当我在其中选择一个新值时,它将带我到一个新的网页.我不想让用户点击"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>
Run Code Online (Sandbox Code Playgroud)

例如,这将有GO按钮,需要单击GO才能转到新页面.我不想要GO按钮.

有任何想法吗?

jer*_*jer 16

使用onchange事件:

<select onchange="window.open(this.value,'','');">
....
</select>
Run Code Online (Sandbox Code Playgroud)

  • 请注意,如果用户关闭了Javascript,这将失败,所以默认情况下你应该有一个"Go"按钮并用JS隐藏它. (3认同)