脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js实现select跳转

js实现select跳转功能代码

 更新时间：2014年10月22日 17:04:44   投稿：whsnow  
实现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记住用户名和登录密码（两种方式）

    javascript记住用户名和登录密码（两种方式）

    这篇文章主要通过两种方式介绍javascript记住用户名和登录密码，有需要的小朋友可以来参考下
    2015-08-08
  • js实现页面图片消除效果

    js实现页面图片消除效果

    这篇文章主要为大家详细介绍了js实现页面图片消除效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-03-03
  • 中高级前端必须了解的JS中的内存管理(推荐)

    中高级前端必须了解的JS中的内存管理(推荐)

    这篇文章主要介绍了中高级前端必须了解的JS中的内存管理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-07-07
  • JS限制Textarea文本域字符个数的具体实现

    JS限制Textarea文本域字符个数的具体实现

    这篇文章介绍了JS限制Textarea文本域字符个数的具体实现，有需要的朋友可以参考一下
    2013-08-08
  • js尾调用优化的实现

    js尾调用优化的实现

    这篇文章主要介绍了js尾调用优化的实现，尾调用（Tail Call）是函数式编程的一个重要概念，本文介绍它的含义和用法。感兴趣的可以了解一下
    2019-05-05
  • JS回调函数 callback的理解与使用案例分析

    JS回调函数 callback的理解与使用案例分析

    这篇文章主要介绍了JS回调函数 callback的理解与使用,结合具体案例形式分析了javascript回调函数的功能、原理、用法及相关操作注意事项,需要的朋友可以参考下
    2019-09-09
  • javascript下4个跨浏览器必备的函数

    javascript下4个跨浏览器必备的函数

    如果你的项目要用到 JavaScript，而你不使用任何 JavaScript 框架，那么对于那些常用且各个浏览器明显不同的地方就需要用函数来封装起来。
    2010-03-03
  • 前端大屏自适应两种实现方法总结

    前端大屏自适应两种实现方法总结

    这篇文章主要介绍了前端大屏自适应两种实现方法,缩放方法会影响地图等库的交互效果,而vh、vw、百分比等方法只适用于高度变化,宽度变化时可能需要结合计算属性来处理,但总体上适配效果较好,需要的朋友可以参考下
    2025-01-01
  • 前台js对象在后台转化java对象的问题探讨

    前台js对象在后台转化java对象的问题探讨

    在开发项目中多次遇到前台js对象在后台转化java对象的问题，下面就为大家介绍下前台js对象转后台java对象，感兴趣的朋友可以了解下
    2013-12-12
  • JS实现六位字符密码输入器功能

    JS实现六位字符密码输入器功能

    这篇文章主要介绍了JS实现六位字符密码输入器功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2016-08-08

最新评论