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

如何实现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