select控件option里加链接

文艺er

于 2014-10-19 17:25:45 发布

阅读量769

点赞数

CC 4.0 BY-SA版权

分类专栏： html/css 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/wenyier/article/details/84676443

html/css 专栏收录该内容

23 篇文章

订阅专栏

本文介绍如何在HTML的Select控件Option中加入链接，并实现点击选项时自动跳转的功能。提供了两种实现方式：一种是通过修改location属性实现页面整体跳转；另一种是使用window.open打开新的窗口进行跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、select控件option里加链接

<select multiple="multiple" onchange="top.location=this.value;" > 
     <option value="http://www.baidu.com" selected>中国</option> 
     <option value="http://www.sina.com">美国</option> 
  </select>

2、select控件option里加链接有跳转功能

<select  name="select" onchange="javascript:window.open(this.options[this.selectedIndex].value)">
     <option value="http://www.163.com">网易</option>
     <option value="http://www.sina.com.cn">建设银行</option>
</select>