js实现select跳转
2024-08-24 18:44:52
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>
最新文章
- Java设置session超时(失效)的三种方式
- SpringMVC Mybatis Shiro RestTemplate的实现客户端无状态验证及访问控制【转】
- Win10 UI介绍之Titlebar
- DHTMLX-第一弹
- java 22 - 9 多线程之 代码实现的方式2
- EventBus完全解析--组件/线程间通信利器
- git学习笔记1
- [示例]NSDictionary编程题-字典的排序应用(iOS5班)
- Redis文档
- C语言-运算符与表达式
- python property装饰器
- Python map多线程
- sqlserver 按日、周、月统计方法
- javascript OOP 面向对象编程
- Undefined symbols for architecture i386: ";_crc32";, referenced from:——crc链接错误
- FOFA爬虫大法——API的简单利用
- Python insert()方法--list
- dos脚本7章
- #2019-2020-4 《Java 程序设计》第九周总结
- 什么是IO多路复用
热门文章
- matlab保存图片成eps格式不全,导致latex中图片显示不全的问题
- cmake 查找头文件和库文件顺序
- Nodejs微信开发使用wechat-api回复多条消息
- Square Number &; Cube Number
- HDU 2552 三足鼎立(数学函数)
- Python与数据结构[4] ->; 散列表[2] ->; 开放定址法与再散列的 Python 实现
- Linux查看内核信息或系统信息
- ASP.NET Core 2.2 基础知识(八) 主机 (未完待续)
- 【java】获取解析资源文件的方法
- Mysql 的表级锁和行级锁