select中option改变时跳转到其他页面
[ 2016/08/03, JavaScript , 2906阅, 0评 ]

直接上代码,如下:

<select onchange=mbar(this) name="select">
  <option selected>友情链接</option>
  <option value="http://www.qq.com">腾讯企鹅</option>
  <option value="http://www.baidu.com">百度一哈</option>
</select>
<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>

原理是当select当选中的值改变的时候,获得value值,使用open函数,跳转到这个value所指定的url。

了解一下open函数:

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')

window.open 弹出新窗口的命令;

'page.html' 弹出窗口的文件名;

'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;

height=100 窗口高度;

width=400 窗口宽度;

top=0 窗口距离屏幕上方的象素值;

left=0 窗口距离屏幕左边的象素值;

toolbar=no 是不是显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和转动栏。

resizable=no 是不是允许改变窗口大小,yes为允许;

location=no 是不是显示地址栏,yes为允许;

status=no 是不是显示状态栏内的信息(通常是文件已打开),yes为允许;

有朋自远方来...评论一下呗O(∩_∩)O