编程 Javascript

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>

js实现select跳转功能代码

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别

Apr 12 Javascript

整理8个很棒的 jQuery 倒计时插件和教程

Dec 12 Javascript

编写针对IE的JS代码两种编写方法

Jan 30 Javascript

JS预览图像将本地图片显示到浏览器上

Aug 25 Javascript

jquery获取URL中参数解决中文乱码问题的两种方法

Dec 18 Javascript

Validform表单验证总结篇

Oct 31 Javascript

AngularJS中watch监听用法分析

Nov 04 Javascript

JavaScript之生成器_动力节点Java学院整理

Jun 30 Javascript

微信小程序支付功能 php后台对接完整代码分享

Jun 12 Javascript

基于vue.js实现购物车

Jan 15 Javascript

Vue使用自定义指令实现拖拽行为实例分析

Jun 06 Javascript

Vue 解决通过this.$refs来获取DOM或者组件报错问题

Jul 28 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