js实现select跳转

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跳转相关推荐

Angular中使用JS实现路由跳转、动态路由传值、get方式传值
场景 Angular介绍.安装Angular Cli.创建Angular项目入门教程: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detail ...
html下拉列表用ul,Vue.js做select下拉列表的实例(ul-li标签仿select标签)
目标:用ul-li标签结合Vue.js知识做一个模仿select标签的下拉选项列表. 知识点: 组件的写法及运用组件之间的数据传递(props的运用) 组件之间的数据传递($emit的运用) 动态数 ...
js获取select选中的内容
记得以前做过一个,根据不同的下拉选项,搜索不同的内容,需要用js获取select选中的内容,特把里面主要内容记下,留着以后需要用. 需要引用jquery-1.4.1.js <body>&l ...
JS 对select动态添加options操作[IEFireFox兼容]
JS 对select动态添加options操作[IE&FireFox兼容] 做一个项目,遇到了要动态调整 select 选项的情况,就baidu了一下,发现了一篇与本文同名的帖子. 但是呢,那 ...
js 操作select和option
2019独角兽企业重金招聘Python工程师标准>>> 1.动态创建selectfunction createSelect(){var mySelect = document.cre ...
ul+js模拟select
ul+js模拟select html css .select_box{float: left; } .select_box input{width: 160px;height: 30px;text-a ...
js实现页面跳转重定向的几种方式
转载自 js实现页面跳转重定向的几种方式这篇文章主要介绍js实现页面跳转重定向的几种方式,需要的朋友可以参考下第一种: <script language="javascript& ...
js 控制页面跳转的5种方法
js 控制页面跳转的5种方法编程式导航: 点击跳转路由,称编程式导航,用js编写代码跳转. History是bom中的History.back是回退一页Histiory.go(1)前进一页Histo ...
php跳一跳小游戏,原生JS实现的跳一跳小游戏完整实例
本文实例讲述了原生JS实现的跳一跳小游戏.分享给大家供大家参考,具体如下: 以下说的是闲暇编写的一个小游戏--跳一跳,类似于微信的跳一跳,大体实现功能有: 1.先随机生成地图: 2.按住按钮释放后完成 ...

js实现select跳转

js实现select跳转相关推荐

最新文章

热门文章