国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > 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>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 桂东县| 如皋市| 西乌| 民勤县| 西藏| 海南省| 丹阳市| 大同市| 定襄县| 斗六市| 迁安市| 鄯善县| 苏尼特右旗| 板桥市| 锦州市| 巍山| 延边| 吴江市| 长岛县| 通化市| 色达县| 金寨县| 吉隆县| 海原县| 邯郸县| 凌海市| 巴彦淖尔市| 东台市| 临安市| 都兰县| 惠州市| 沛县| 华池县| 延安市| 丘北县| 长岭县| 济阳县| 杭州市| 手机| 习水县| 团风县|