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>

Answer 2

就像我所理解的那样 - 你只需要为select标签处理onchange事件。只需在那里移动你的onclick处理程序。

Answer 3

点击你的onclick

<input type="button" value="Go "onclick="document.location = this.value">

我经常使用这个，应该很好用

（其他所有人都会给你改变，并说不要使用javascript，但如果一个人使用的浏览器不支持javascript那么很糟糕，因为没有使用chrome或其他领先的浏览器）

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

3 个答案: