首页 > 语言 > JavaScript > 正文

js实现select跳转功能代码

2024-05-06 16:10:02
字体：大 中 小
来源：转载
供稿：网友
实现select跳转的方法有很多，本例为大家介绍的是js实现的，通过location.href获取跳转地址，需要的朋友可以看看
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 this 关键字 详解

下一篇：原生js和jQuery随意改变div属性style的名称和值

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
学习交流
更多

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...
热门图片
更多
猜你喜欢的新闻
猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿 创2023年5月以来最大单周涨幅
2024-04-27 13:35:46
雷军：小米正在申请3万件专利，以提升自身的竞争力
2024-04-27 13:33:47
人参泡酒15年后竟“复活”？网友：这酒还能喝不？
2024-04-24 22:53:44
芯片股普涨！英伟达市值一夜大涨6000亿元
2024-04-23 19:32:50
面馆老板1天卖100碗刚够交房租 要卖到150碗才能实现盈利
2024-04-23 19:25:50
跌近30%！茶百道上市一小时跌没3年净利润
2024-04-23 19:13:19

疑难解答

图片精选

网友关注

关于本站 - 网上投稿 - 商务合作 - 隐私政策 - 网站地图
Copyright © 2008 - 2024 VEVB.COM. All Rights Reserved.武林网 版权所有