js实现select跳转功能代码


Posted in Javascript onOctober 22, 2014

js简单实现select跳转功能:代码如下

<!DOCTYPE html> 
<html> 
<head> 
<title></title> 

</head> 
<body> 
<div class="selectBox"> 
<select class="toSlt"> 
<option href="http://jichuang.gongchang.cn/pro-161264/">全部分类的商品</option> 
<option href="http://jichuang.gongchang.cn/">普通车床</option> 
<option href="http://jichuang.gongchang.cn/brand/">回转车床</option> 
<option href="http://jichuang.gongchang.cn/">普通车床</option> 
<option href="http://jichuang.gongchang.cn/brand/">回转车床</option> 
</select> 
</div> 
<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script> 
<script type="text/javascript"> 

$(function(){ 
var $body = $('body'); 
$body.on('change', 'select:has(option[href])', function(e) { 
var _this = $(this), 
_href = _this.find('option:selected').attr('href');//获取要跳转的地址 
location.href = _href; //跳转 
}) 
}) 

</script> 
</body> 
</html>
Javascript 相关文章推荐
JavaScript 学习初步 入门教程
Mar 25 Javascript
Javascript 命名空间模式
Nov 01 Javascript
Javascript之this关键字深入解析
Nov 12 Javascript
JavaScript中检查对象property的存在性方法介绍
Dec 30 Javascript
深入理解JavaScript系列(33):设计模式之策略模式详解
Mar 03 Javascript
使用jQuery加载html页面到指定的div实现方法
Jul 13 Javascript
jquery 实现回车登录详解及实例代码
Oct 23 Javascript
js原生之焦点图转换加定时器实例
Dec 12 Javascript
JS获得多个同name 的input输入框的值的实现方法
Jan 09 Javascript
Node做中转服务器转发接口
Oct 18 Javascript
结合mint-ui移动端下拉加载实践方法总结
Nov 08 Javascript
js中的数组对象排序分析
Dec 11 Javascript
Javascript原型链和原型的一个误区
Oct 22 #Javascript
Javascript this 关键字 详解
Oct 22 #Javascript
Javascript 构造函数详解
Oct 22 #Javascript
Javascript中Array.prototype.map()详解
Oct 22 #Javascript
javascript数组详解
Oct 22 #Javascript
Javascript 数组排序详解
Oct 22 #Javascript
Javascript中arguments对象详解
Oct 22 #Javascript
You might like
对盗链说再见...
2006/10/09 PHP
wamp下修改mysql访问密码的解决方法
2013/05/07 PHP
PHP实现把文本中的URL转换为链接的auolink()函数分享
2014/07/29 PHP
PHP中生成UUID自定义函数分享
2015/06/10 PHP
PHP基于ORM方式操作MySQL数据库实例
2017/06/21 PHP
PHP hebrev()函数用法讲解
2019/02/21 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
JavaScript Base64编码和解码,实现URL参数传递。
2006/09/18 Javascript
070823更新的一个[消息提示框]组件 兼容ie7
2007/08/29 Javascript
使用jscript实现二进制读写脚本代码
2008/06/09 Javascript
基于JQuery 的消息提示框效果代码
2011/07/31 Javascript
jquery定时滑出可最小化的底部提示层特效代码
2013/10/02 Javascript
JS替换文本域内的回车示例
2014/02/18 Javascript
Javascript中的匿名函数与封装介绍
2015/03/15 Javascript
jquery自定义右键菜单、全选、不连续选择
2016/03/01 Javascript
javascript实现的上下无缝滚动效果
2016/09/19 Javascript
canvas实现弧形可拖动进度条效果
2017/05/11 Javascript
详解原生js实现offset方法
2017/06/15 Javascript
Javascript中的getter和setter初识
2017/08/17 Javascript
在nuxt中使用路由重定向的实例
2020/11/06 Javascript
[42:25]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第三场
2018/04/06 DOTA
利用Python实现图书超期提醒
2016/08/02 Python
Python实现控制台中的进度条功能代码
2017/12/22 Python
详解pandas DataFrame的查询方法(loc,iloc,at,iat,ix的用法和区别)
2019/08/02 Python
pip安装tensorflow的坑的解决
2020/04/19 Python
OpenCV 之按位运算举例解析
2020/06/19 Python
python 利用toapi库自动生成api
2020/10/19 Python
a标签下载链接的简单实现
2016/09/13 HTML / CSS
过滤器的用法
2013/10/08 面试题
生活小常识广播稿
2014/09/16 职场文书
工商局所长四风自我剖析及整改措施
2014/10/26 职场文书
2014年社团工作总结范文
2014/11/27 职场文书
大学生学习十八届五中全会精神心得体会
2016/01/05 职场文书
2019奶茶店创业计划书范本!
2019/07/15 职场文书
Python入门之使用pandas分析excel数据
2021/05/12 Python
解决WINDOWS电脑开机后桌面没有任何图标
2022/04/09 数码科技