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)的，通過location.href獲取跳轉(zhuǎn)地址，需要的朋友可以看看
js簡單實(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>
您可能感興趣的文章:
- js實(shí)現(xiàn)select跳轉(zhuǎn)菜單新窗口效果代碼分享
- js簡單實(shí)現(xiàn)HTML標(biāo)簽Select聯(lián)動(dòng)帶跳轉(zhuǎn)
- 基于JavaScript實(shí)現(xiàn)跳轉(zhuǎn)提示頁面
- js實(shí)現(xiàn)瀏覽器倒計(jì)時(shí)跳轉(zhuǎn)頁面效果
- JS實(shí)現(xiàn)n秒后自動(dòng)跳轉(zhuǎn)的兩種方法
- JS在一定時(shí)間內(nèi)跳轉(zhuǎn)頁面及各種刷新頁面的實(shí)現(xiàn)方法
- js點(diǎn)擊返回跳轉(zhuǎn)到指定頁面實(shí)現(xiàn)過程
- JavaScript中通過提示框跳轉(zhuǎn)頁面的方法
- JavaScript實(shí)現(xiàn)通過select標(biāo)簽跳轉(zhuǎn)網(wǎng)頁的方法
相關(guān)文章
這篇文章主要通過兩種方式介紹javascript記住用戶名和登錄密碼，有需要的小朋友可以來參考下2015-08-08
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)頁面圖片消除效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要介紹了中高級前端必須了解的JS中的內(nèi)存管理，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(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 框架，那么對于那些常用且各個(gè)瀏覽器明顯不同的地方就需要用函數(shù)來封裝起來。2010-03-03
前端大屏自適應(yīng)兩種實(shí)現(xiàn)方法總結(jié)
這篇文章主要介紹了前端大屏自適應(yīng)兩種實(shí)現(xiàn)方法,縮放方法會影響地圖等庫的交互效果,而vh、vw、百分比等方法只適用于高度變化,寬度變化時(shí)可能需要結(jié)合計(jì)算屬性來處理,但總體上適配效果較好,需要的朋友可以參考下2025-01-01
在開發(fā)項(xiàng)目中多次遇到前臺js對象在后臺轉(zhuǎn)化java對象的問題，下面就為大家介紹下前臺js對象轉(zhuǎn)后臺java對象，感興趣的朋友可以了解下2013-12-12
這篇文章主要介紹了JS實(shí)現(xiàn)六位字符密碼輸入器功能,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08