工作室注册登录标签云赞助光荣榜

当前位置:首页 > 全栈分享 > JavaScript > 正文

select中option改变时跳转到其它页面

发布时间:2017-09-05 05:28:38作者:魏义齐阅读:()评论:

本文为博主原创文章,未经博主允许不得转载。

如何实现select中option改变时跳转到其它网站,这需要给option的value跳转网址并用js控制它,具体的请看下面的代码。

一、html代码:

<div>
  <select onchange=mbar(this) name="select">
    <option>---友情链接---</option>
    <option value="https://blog.weiyiqi.net/">张三博客</option>
    <option value="https://blog.weiyiqi.net/">李四博客</option>
    <option value="https://blog.weiyiqi.net/">王五博客</option>
    <option value="https://blog.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://blog.weiyiqi.net/lookdoc/link.html

本文标签:,您可以阅读与「」相关的所有文章

魏义齐全栈技术交流:魏义齐全栈技术交流

相关阅读

    无相关信息

上一篇:返回列表下一篇:js实现刷新页面所有微信号同步变化的效果

原创不易,您的赞助就是博主更新的动力!

赞助请备注,8.88元及以上可在赞助光荣榜留下外链信息。

HashOver畅言云评完全自托管的评论系统

工作室注册登录标签云赞助光荣榜

最新会员
  • 东方星雨
  • deanhan
  • 1264822519
  • aini3311
  • a1051020101
  • weiyiqi