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 相关文章推荐
ext jquery 简单比较
Apr 07 Javascript
JavaScript 数组详解
Oct 10 Javascript
javascript父、子页面交互技巧总结
Aug 08 Javascript
javascript针对cookie的基本操作实例详解
Nov 30 Javascript
JS中递归函数
Jun 17 Javascript
jQuery对table表格进行增删改查
Dec 22 Javascript
Node.js读取文件内容示例
Mar 07 Javascript
angularJs的ng-class切换class
Jun 23 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
Aug 27 Javascript
js实现坦克移动小游戏
Oct 28 Javascript
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
Vuejs中的watch实例详解(监听者)
Jan 05 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
又一个php 分页类实现代码
2009/12/03 PHP
PHP迭代器实现斐波纳契数列的函数
2013/11/12 PHP
php求正负数数组中连续元素最大值示例
2014/04/11 PHP
php实现建立多层级目录的方法
2014/07/19 PHP
超详细的php用户注册页面填写信息完整实例(附源码)
2015/11/17 PHP
thinkPHP显示不出验证码的原因与解决方法分析
2017/05/20 PHP
jQuery CSS()方法改变现有的CSS样式表
2014/09/09 Javascript
Javascript+CSS实现影像卷帘效果思路及代码
2014/10/20 Javascript
jQuery实现视频作为全屏幕背景
2014/12/18 Javascript
js中匿名函数的创建与调用方法分析
2014/12/19 Javascript
不使用ajax实现无刷新提交表单
2014/12/21 Javascript
基于jQuery实现返回顶部实例代码
2016/01/01 Javascript
js中window.open的参数及注意注意事项
2016/07/06 Javascript
jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
2016/09/01 Javascript
JS焦点图,JS 多个页面放多个焦点图的实例
2016/12/08 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
2017/01/05 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
2018/08/09 Javascript
微信小程序使用wxParse解析html的实现示例
2018/08/30 Javascript
微信小程序收货地址API兼容低版本解决方法
2019/05/18 Javascript
pm2启动ssr失败的解决方法
2019/06/29 Javascript
[01:03:41]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第三场 2月2日
2021/03/11 DOTA
python调用shell的方法
2013/11/20 Python
Python修改文件往指定行插入内容的实例
2019/01/30 Python
用python给自己做一款小说阅读器过程详解
2019/07/11 Python
pytorch模型存储的2种实现方法
2020/02/14 Python
pygame用blit()实现动画效果的示例代码
2020/05/28 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
python Matplotlib模块的使用
2020/09/16 Python
html5 css3网站菜单实现代码
2013/12/23 HTML / CSS
导出HTML5 Canvas图片并上传服务器功能
2019/08/16 HTML / CSS
大学三年的自我评价
2013/12/25 职场文书
初一英语教学反思
2014/01/11 职场文书
党员三严三实心得体会
2014/10/13 职场文书
中学生检讨书范文
2014/11/03 职场文书
预备党员个人总结
2015/02/14 职场文书
项目负责人岗位职责
2015/02/15 职场文书