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 >全部分類的商品</option>
<option >普通車床</option>
<option >回轉車床</option>
<option >普通車床</option>
<option >回轉車床</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記住用戶名和登錄密碼，有需要的小朋友可以來參考下2015-08-08
這篇文章主要為大家詳細介紹了js實現頁面圖片消除效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要介紹了中高級前端必須了解的JS中的內存管理，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-07-07
這篇文章介紹了JS限制Textarea文本域字符個數的具體實現，有需要的朋友可以參考一下2013-08-08
這篇文章主要介紹了js尾調用優(yōu)化的實現，尾調用（Tail Call）是函數式編程的一個重要概念，本文介紹它的含義和用法。感興趣的可以了解一下2019-05-05
這篇文章主要介紹了JS回調函數 callback的理解與使用,結合具體案例形式分析了javascript回調函數的功能、原理、用法及相關操作注意事項,需要的朋友可以參考下2019-09-09
如果你的項目要用到 JavaScript，而你不使用任何 JavaScript 框架，那么對于那些常用且各個瀏覽器明顯不同的地方就需要用函數來封裝起來。2010-03-03
這篇文章主要介紹了前端大屏自適應兩種實現方法,縮放方法會影響地圖等庫的交互效果,而vh、vw、百分比等方法只適用于高度變化,寬度變化時可能需要結合計算屬性來處理,但總體上適配效果較好,需要的朋友可以參考下2025-01-01
在開發(fā)項目中多次遇到前臺js對象在后臺轉化java對象的問題，下面就為大家介紹下前臺js對象轉后臺java對象，感興趣的朋友可以了解下2013-12-12
這篇文章主要介紹了JS實現六位字符密碼輸入器功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08