js實(shí)現(xiàn)select跳轉(zhuǎn)功能代碼

更新時(shí)間：2014年10月22日 17:04:44 投稿：whsnow

實(shí)現(xiàn)select跳轉(zhuǎn)的方法有很多，本例為大家介紹的是js實(shí)現(xiàn)的，通過(guò)location.href獲取跳轉(zhuǎn)地址，需要的朋友可以看看

js簡(jiǎn)單實(shí)現(xiàn)select跳轉(zhuǎn)功能：代碼如下

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