js實現(xiàn)select跳轉功能代碼
更新時間：2014年10月22日 17:04:44 投稿：whsnow
實現(xiàn)select跳轉的方法有很多，本例為大家介紹的是js實現(xiàn)的，通過location.href獲取跳轉地址，需要的朋友可以看看
js簡單實現(xiàn)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>
相關文章
事件就是用戶和瀏覽器交互的一種途徑,在本例中我們的代碼邏輯一般就是收集用戶填寫信息，驗證信息合法性，利用AJAX與服務器交互,需要的朋友可以參考下2017-09-09
這篇文章主要給大家介紹了關于移動端H5頁面返回并刷新頁面（BFcache）的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-11-11
下面小編就為大家?guī)硪黄猨s實現(xiàn)頁面跳轉的五種方法推薦。小編覺得挺不錯的。現(xiàn)在分享給大家，讓大家參考一下2016-03-03
JS觸發(fā)事件event.target VS event.currentTarget實例
這篇文章主要介紹了JS觸發(fā)事件event.target VS event.currentTarget實例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-10-10
Bootstrap警告（Alerts）的實現(xiàn)方法
這篇文章主要為大家詳細介紹了Bootstrap警告（Alerts）的實現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
javascript對下拉列表框(select)的操作實例講解
這篇文章主要介紹了javascript對下拉列表框(select)的操作。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要介紹了JS實現(xiàn)的自動打字效果,涉及javascript遞歸算法、字符串操作及事件函數(shù)相關使用技巧,需要的朋友可以參考下2017-03-03
JavaScript 俄羅斯方塊游戲實現(xiàn)方法與代碼解釋
這篇文章主要介紹了JavaScript 俄羅斯方塊游戲,結合實例形式詳細分析了JavaScript 俄羅斯方塊游戲原理、實現(xiàn)步驟及相關操作注意事項,需要的朋友可以參考下2020-04-04
img的寬和Div相同，但高不固定，要求只顯示Img垂直居中的部分，下面有個不錯的示例，感興趣的朋友可以參考下2013-10-10
重學 JS：為啥 await 不能用在 forEach 中詳解
這篇文章主要介紹了重學 JS：為啥 await 不能用在 forEach 中，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04