编程 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 相关文章推荐

让你的网站可编辑的实现js代码

Oct 19 Javascript

多个jQuery版本共存的处理方案

Mar 17 Javascript

js实现跨域的4种实用方法原理分析

Oct 29 Javascript

Jquery easyui开启行编辑模式增删改操作

Jan 14 Javascript

微信小程序如何获知用户运行小程序的场景教程

May 17 Javascript

jQuery EasyUI结合zTree树形结构制作web页面

Sep 01 jQuery

vue 开发一个按钮组件的示例代码

Mar 27 Javascript

vue基础之data存储数据及v-for循环用法示例

Mar 08 Javascript

Element中的Cascader（级联列表）动态加载省\市\区数据的方法

Mar 27 Javascript

用原生JS实现爱奇艺首页导航栏代码实例

Sep 19 Javascript

详解如何在Vue项目中发送jsonp请求

Oct 25 Javascript

vue实现跳转接口push 转场动画示例

Nov 01 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 XML数据解析代码

2010/05/26 PHP

PHP explode()函数用法、切分字符串

2012/10/03 PHP

PHP实现的增强性mhash函数

2015/05/27 PHP

php封装的验证码类分享

2017/02/26 PHP

PHP时间戳和日期相互转换操作实例小结

2018/12/18 PHP

js和php如何获取当前url的内容

2013/09/22 Javascript

JavaScript分析、压缩工具JavaScript Analyser

2014/12/31 Javascript

node.js require() 源码解读

2015/12/13 Javascript

JavaScript 基础函数_深入剖析变量和作用域

2016/05/18 Javascript

Vue.js Ajax动态参数与列表显示实现方法

2016/10/20 Javascript

JS实现针对给定时间的倒计时功能示例

2017/04/11 Javascript

基于Require.js使用方法(总结)

2017/10/26 Javascript

微信小程序上传图片功能（附后端代码）

2020/06/19 Javascript

vue实现动态列表点击各行换色的方法

2018/09/13 Javascript

vue实现跨域的方法分析

2019/05/21 Javascript

[01:11:15]VGJ.S vs Secret 2018国际邀请赛小组赛BO2 第一场 8.16

2018/08/17 DOTA

Python生成验证码实例

2014/08/21 Python

python多线程用法实例详解

2015/01/15 Python

python基于windows平台锁定键盘输入的方法

2015/03/05 Python

Windows下实现Python2和Python3两个版共存的方法

2015/06/12 Python

python中字符串内置函数的用法总结

2018/09/13 Python

详解python多线程之间的同步(一)

2019/04/03 Python

用pyqt5 给按钮设置图标和css样式的方法

2019/06/24 Python

python安装gdal的两种方法

2019/10/29 Python

Pytorch.nn.conv2d 过程验证方式(单,多通道卷积过程)

2020/01/03 Python

python标准库sys和OS的函数使用方法与实例详解

2020/02/12 Python

python多进程主进程和子进程间共享和不共享全局变量实例

2020/04/25 Python

python 基于UDP协议套接字通信的实现

2021/01/22 Python

使用HTML5 Canvas API绘制弧线的教程

2016/03/22 HTML / CSS

MATCHESFASHION澳大利亚/亚太地区：英国时尚奢侈品电商

2020/01/14 全球购物

法国隐形眼镜网站：VisionDirect.fr

2020/03/03 全球购物

Linux如何修改文件和文件夹的权限

2012/06/27 面试题

Lucene推荐的分页方式是什么？

2015/12/07 面试题

《歌唱二小放牛郎》教学反思

2014/04/19 职场文书

自我查摆剖析材料

2014/10/11 职场文书

大学生自我推荐信范文

2015/03/24 职场文书