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

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

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

有什么想法吗?

最佳答案

使用onchange事件:

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

关于html - 如何在没有 GO 按钮的情况下创建下拉列表超链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1599140/

相关文章:

javascript - 我可以从父页面修改 iframe 中的元素吗?

java - 应用服务器和静态文件字符编码

html - 为什么 Firefox HTML5 视频会跳到最后?

html - 在字体上使用描边和填充来创建图层时,如何隐藏屏幕阅读器和搜索引擎机器人的重复文本?

html - 如何使用 CSS3 区分菜单和下拉子菜单

VBA 重置所有复选框、组合框、文本框和数据验证下拉列表

validation - HTML5 国际化

css - 水平子菜单应向下滑动内容

drop-down-menu - 为什么 ASP.NET DropDownList 控件需要在 Internet Explorer 中单击两次才能展开

jquery ui 工具提示显示在选择选项上