怎么给下拉菜单添加链接 |
| 作者：闪吧 来源：闪吧 更新：2005-12-17 11:52:39 错误报告 我要投稿 |
解决思路：
当然，要加<A>那样的超链接是不可能的，不过可以用 onchange 事件触发 window.open() 方法来打开所选项的网站地址。
具体步骤：
1.先将链接的文字和地址写到下拉选项中。
<select>
<option value="http://www.flash8.net">闪吧
<option value="http://www.blueidea.com">经典
<option value="http://www.5d.cn">5D
</select>
2.获取当前所选项的值(作为链接地址)。
this.options[this.selectedIndex].value
3.用 onchange 事件触发 window.open() 方法，将所选项的值作为目标地址打开。
<select onchange="window.open(this.options[this.selectedIndex].value,’_self’)">
<option value="http://www.flash8.net">闪吧
<option value="http://www.blueidea.com">经典
<option value="http://www.5d.cn">5D
</select>
提示：window.open 方法的第二个参数相当于链接的target 属性。
技巧：
l 可以将 this.options[this.selectedIndex].value 简写为 this.value
l 如果需要在新窗口中打开链接目标，可以将代码中的"_self"改为"_blank"或者直接去掉该参数。
特别提示
代码运行后，下拉选项默认是选中”闪吧”一项，但并不自动打开链接，除非先选中其它项，再换回来。代码运行界面如图 3.39 所示。
图 3.39 有链接功能的下拉选项
特别说明
本例是 window.open() 方法和下拉选项取值的重新应用。要了解更多，可以参考第一部分的第五章中关于 open 方法的用法及参数说明。 |
|
| 文章录入：skyuu 责任编辑：skyuu |
|
| 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |
用户登录
