<!DOCTYPE html> 
<html> 
<head> 
<title></title> 

</head> 
<body> 
<div class="selectBox"> 
<select class="toSlt"> 
<option >全部分類的商品</option> 
<option >普通車床</option> 
<option >回轉(zhuǎn)車床</option> 
<option >普通車床</option> 
<option >回轉(zhuǎn)車床</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');//獲取要跳轉(zhuǎn)的地址 
location.href = _href; //跳轉(zhuǎn) 
}) 
}) 

</script> 
</body> 
</html>

您可能感興趣的文章:

相關(guān)文章

JavaScript 自定義事件之我見
事件就是用戶和瀏覽器交互的一種途徑,在本例中我們的代碼邏輯一般就是收集用戶填寫信息，驗證信息合法性，利用AJAX與服務(wù)器交互,需要的朋友可以參考下
2017-09-09
移動端H5頁面返回并刷新頁面（BFcache）的方法
這篇文章主要給大家介紹了關(guān)于移動端H5頁面返回并刷新頁面（BFcache）的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2018-11-11
js實現(xiàn)頁面跳轉(zhuǎn)的五種方法推薦
下面小編就為大家?guī)硪黄猨s實現(xiàn)頁面跳轉(zhuǎn)的五種方法推薦。小編覺得挺不錯的?，F(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)方法
這篇文章主要為大家詳細(xì)介紹了Bootstrap警告（Alerts）的實現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
javascript對下拉列表框(select)的操作實例講解
這篇文章主要介紹了javascript對下拉列表框(select)的操作。需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11
JS實現(xiàn)的自動打字效果示例
這篇文章主要介紹了JS實現(xiàn)的自動打字效果,涉及javascript遞歸算法、字符串操作及事件函數(shù)相關(guān)使用技巧,需要的朋友可以參考下
2017-03-03
JavaScript 俄羅斯方塊游戲?qū)崿F(xiàn)方法與代碼解釋
這篇文章主要介紹了JavaScript 俄羅斯方塊游戲,結(jié)合實例形式詳細(xì)分析了JavaScript 俄羅斯方塊游戲原理、實現(xiàn)步驟及相關(guān)操作注意事項,需要的朋友可以參考下
2020-04-04
JS+CSS設(shè)置img在DIV中只顯示Img垂直居中的部分
img的寬和Div相同，但高不固定，要求只顯示Img垂直居中的部分，下面有個不錯的示例，感興趣的朋友可以參考下
2013-10-10
重學(xué) JS：為啥 await 不能用在 forEach 中詳解
這篇文章主要介紹了重學(xué) JS：為啥 await 不能用在 forEach 中，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04