下拉菜单:在新标签中打开链接+“Go”链接 [英] drop down menu: open links in new tab + "Go" link

查看:154
本文介绍了下拉菜单:在新标签中打开链接+“Go”链接的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想下拉菜单,


  • 在新标签页中打开所选项目

  • 包含外部链接作为选择选项

  • open selected items in a new tab
  • include external links as selection options

我应该如何更改以下代码,描述如下?

How should I change the following code to make it work as described above?

<form name="blah_blah">
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
<option value="first_option_name" selected>option display name</option>
<option value="external link 1">1st link name</option>
<option value="external link 2">2nd link name</option>
</select>
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab')">
</form>

谢谢!

推荐答案

检查此代码

<html>
<body>
<form name="blah_blah">
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
<option value="" selected>Select Site</option>
<option value="http://www.yahoo.com">Yahoo!!!</option>
<option value="http://www.gmail.com">Gmail</option>
<option value="http://www.google.co.in">Google</option>
<option value="http://www.facebook.com">Facebook</option>
</select>
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab'+ddmenu_name.value)">
</form>
</body>
</html>

希望这是你需要的...

Hope this is what you need...

这篇关于下拉菜单:在新标签中打开链接+“Go”链接的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆