CSS中为了select下拉项目设置超链接

来源：互联网发布：血源诅咒小丑捏脸数据编辑：程序博客网时间：2024/05/18 02:51

网页布局中往往一个网页布局不了过多的项目，需要加载到其他的页面继续浏览，加载方法很多，下面提供一种利用select下拉项目加载其他网页的方法。

代码如下：

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>下拉选择</title></head><body><script type="text/javascript">function check(obj){if(obj=="相册1"){    window.open("http://www.baidu.com/");  }else if(obj=="相册2"){    window.open("http://www.sina.com/");    }else if(obj=="相册N"){    window.open("http://blog.csdn.net/weixin_36185028"); }}</script> <select onchange="check(this.value);" >    <option value="">-请选择-</option>    <option value="相册1">相册1</option>    <option value="相册2">相册2</option>    <option value="相册N">相册N</option>  </select></body></html>

<img src="http://img.blog.csdn.net/20161013235458540?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />

修改项目名称及value值时也需要修改对应script中的对应的obj的值，增加项目时也要增加script中的else if选项。

0 0