国产探花免费观看_亚洲丰满少妇自慰呻吟_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>

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

圖片精選

主站蜘蛛池模板： 松潘县| 航空| 磴口县| 沧州市| 金川县| 武胜县| 泌阳县| 陆川县| 内乡县| 新沂市| 武定县| 浙江省| 永德县| 芮城县| 柘城县| 招远市| 搜索| 栾川县| 泾源县| 扶沟县| 江源县| 长岭县| 夏河县| 河间市| 永和县| 黔东| 大渡口区| 定襄县| 阳信县| 南郑县| 延边| 南澳县| 桃源县| 太白县| 宜州市| 萝北县| 绥滨县| 胶州市| 利津县| 阳信县| 二连浩特市|