select中option改变时跳转到其他页面
来源:互联网 发布:花椒直播网络不佳 编辑:程序博客网 时间:2024/06/16 17:22
html代码:
<div class="friend_link"> <select onchange=mbar(this) name="select"> <option selected>友谊链接</option> <option value="http://www.163.com">163</option> <option value="http://www.flash8.net/">flash8</option> <option value="http://www.baidu.com">百度</option> <option value="http://www.baidu.com">百度</option> <option value="http://www.baidu.com">百度</option> <option value="http://www.baidu.com">百度</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>
效果以下图:
跳转到百度试试:
原理是当select当选中的值改变的时候,获得value值,使用open函数,跳转到这个value所指定的url。
了解1下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为允许;
</SCRIPT> js脚本结束
0 0
- select中option改变时跳转到其他页面
- select中option改变时跳转到其他页面
- JS中5秒中跳转到其他页面
- 008跳转到其他页面
- 定时器跳转到其他页面
- 动态改变select中option的次序
- select列表option改变跳转及onchange时获取值实例介绍
- MVC中跳转到其他页面,并传参数
- jsp中通过按钮跳转到其他页面
- freemarker页面改变select的option,获取值typename
- 使用onclick跳转到其他页面。
- php如何跳转到其他页面
- Flex通过struts跳转到其他页面
- Intent跳转到其他应用页面
- 使用onclick跳转到其他页面/跳转到指定url
- 使用onclick跳转到其他页面/跳转到指定url
- 使用onclick跳转到其他页面/跳转到指定url
- 使用onclick跳转到其他页面/跳转到指定url
- Hibernate查询,常用的指定返回类型方式
- 关于vim的用法
- 机器学习基础 维基翻译 Johnson-Lindenstrauss降维 应用于广义因子模型 及简单的sklearn例子
- Cocos2d-x之CCNode类
- 数据模型
- select中option改变时跳转到其他页面
- 如何在window本地按章nodejs
- Linux minerd木马清除(续)
- 《幽的小殿》
- 剑指offer----字符流中第一个不重复的字符----java实现
- linux正则表达式[】
- 剑指Offer算法题JAVA版21-30题(全是个人写的非官方,只供参考和自己复习,测试用例都通过了。)
- Java SPI(Service Provider Interface)简介
- linux的命令小总结