js实现select跳转功能代码
js简单实现select跳转功能:代码如下
<!DOCTYPEhtml> <html> <head> <title></title> </head> <body> <divclass="selectBox"> <selectclass="toSlt"> <optionhref="http://jichuang.gongchang.cn/pro-161264/">全部分类的商品</option> <optionhref="http://jichuang.gongchang.cn/">普通车床</option> <optionhref="http://jichuang.gongchang.cn/brand/">回转车床</option> <optionhref="http://jichuang.gongchang.cn/">普通车床</option> <optionhref="http://jichuang.gongchang.cn/brand/">回转车床</option> </select> </div> <scripttype="text/javascript"src="../js/jquery-1.11.1.min.js"></script> <scripttype="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>