当前位置:首页 > 全栈分享 > JavaScript > 正文
select中option改变时跳转到其它页面
发布时间:2017-09-05 05:28:38作者:魏义齐阅读:()
如何实现select中option改变时跳转到其它网站,这需要给option的value跳转网址并用js控制它,具体的请看下面的代码。
一、html代码:

测试效果链接:https://www.weiyiqi.net/lookdoc/link.html
一、html代码:
<div>
<select onchange=mbar(this) name="select">
<option>---友情链接---</option>
<option value="https://www.weiyiqi.net/">张三博客</option>
<option value="https://www.weiyiqi.net/">李四博客</option>
<option value="https://www.weiyiqi.net/">王五博客</option>
<option value="https://www.weiyiqi.net/">赵六博客</option>
</select>
</div>
二、js代码:
<script type="text/JavaScript">
function mbar(sobj) {
var docurl = sobj.options[sobj.selectedIndex].value;
if (docurl != "") {
open(docurl, '_blank');
sobj.selectedIndex = 0;
sobj.blur();
}
}
</script>
友情链接就可以做成这样的,加友链的时候只需要用Dreamweaver打开这个页面,窗口打开属性在里面添加列表值就行了,然后做成可调用的比如放在footer里,调用到各个模板即可。
测试效果链接:https://www.weiyiqi.net/lookdoc/link.html
相关阅读
-
无相关信息
上一篇:返回列表下一篇:js实现刷新页面所有微信号同步变化的效果
赞助本站
原创不易,您的赞助就是博主更新的动力!

赞助本站可在赞助光荣榜留下外链信息,支付宝扫此二维码可领红包
最新会员
-
weiyiqi
- 网站防扒的一般措施(2188)
- js实现刷新页面所有微信号同步变化的效果(1680)
- 用swiper4给博客首页配置的一个3D方块切换轮播图(895)
- 随页面滚动动态加载内容的实现方法(876)
- 网站通用使文章图片相册式预览、左右滑动、自动切换、双击手捏放大缩小的方法(801)
- 打开页面自动滚动到指定位置的实现方法(769)
- 点击文字即可将文字复制到粘贴板的实现方法(767)
- 生日选择代码(520)
- 如何让一个div块在页面滚动到其出现之后在当前窗口的位置不再发生变化(519)
- 屏蔽终端的js代码(515)
- jQuery解决谷歌广告不显示但使打底广告无法点击问题(2021-08-12)
- 网站通用使文章图片相册式预览、左右滑动、自动切换、双击手捏放大缩小的方法(2019-06-10)
- 用swiper4给博客首页配置的一个3D方块切换轮播图(2018-10-29)
- 表单验证常用的正则表达式(2018-03-17)
- 如何让一个div块在页面滚动到其出现之后在当前窗口的位置不再发生变化(2018-03-15)