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)動帶跳轉(zhuǎn)
- 基于JavaScript實(shí)現(xiàn)跳轉(zhuǎn)提示頁面
- js實(shí)現(xiàn)瀏覽器倒計(jì)時(shí)跳轉(zhuǎn)頁面效果
- JS實(shí)現(xiàn)n秒后自動跳轉(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)文章
js實(shí)現(xiàn)頁面跳轉(zhuǎn)的五種方法推薦
下面小編就為大家?guī)硪黄猨s實(shí)現(xiàn)頁面跳轉(zhuǎn)的五種方法推薦。小編覺得挺不錯(cuò)的。現(xiàn)在分享給大家,讓大家參考一下2016-03-03JS觸發(fā)事件event.target VS event.currentTarget實(shí)例
這篇文章主要介紹了JS觸發(fā)事件event.target VS event.currentTarget實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10Bootstrap警告(Alerts)的實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Bootstrap警告(Alerts)的實(shí)現(xiàn)方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03javascript對下拉列表框(select)的操作實(shí)例講解
這篇文章主要介紹了javascript對下拉列表框(select)的操作。需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11JavaScript 俄羅斯方塊游戲?qū)崿F(xiàn)方法與代碼解釋
這篇文章主要介紹了JavaScript 俄羅斯方塊游戲,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript 俄羅斯方塊游戲原理、實(shí)現(xiàn)步驟及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2020-04-04JS+CSS設(shè)置img在DIV中只顯示Img垂直居中的部分
img的寬和Div相同,但高不固定,要求只顯示Img垂直居中的部分,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2013-10-10重學(xué) JS:為啥 await 不能用在 forEach 中詳解
這篇文章主要介紹了重學(xué) JS:為啥 await 不能用在 forEach 中,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04