js實作select跳轉功能碼_javascript技巧
js簡單實作select跳轉功能：程式碼如下
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div class="selectBox">
<select class="toSlt">
<option href="http://jichuang.gongchang.cn/pro-161264/">全部分类的商品</option>
<option href="http://jichuang.gongchang.cn/">普通车床</option>
<option href="http://jichuang.gongchang.cn/brand/">回转车床</option>
<option href="http://jichuang.gongchang.cn/">普通车床</option>
<option href="http://jichuang.gongchang.cn/brand/">回转车床</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>
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
熱門話題
如何實現PHP表單提交後的頁面跳轉
Aug 12, 2023 am 11:30 AM
如何實現PHP表單提交後的頁面跳轉【簡介】在Web開發中，表單的提交是一項常見的功能需求。當使用者填寫完表單並點擊提交按鈕後，通常需要將表單資料傳送至伺服器進行處理，並在處理完後將使用者重新導向至另一個頁面。本文將介紹如何使用PHP來實現表單提交後的頁面跳躍。 【步驟一：HTML表單】首先，我們需要在HTML頁面中撰寫一個包含表單的頁面，以便使用者填寫需要提交的資料。
php如何登入跳躍傳值
Jun 05, 2023 am 10:44 AM
php登入跳轉傳值的方法：1、POST傳值，使用html的「form」表單跳轉的方法來進行post傳值；2、GET傳值，用<a>標籤跳轉進入xxx.php後，透過「$_GET['id']」取得傳遞的值；3、SESSION傳值，一旦儲存到SESSION中，其他頁面都可以透過SESSION取得。
跳到指定頁面的PHP程式碼實作方法
Mar 07, 2024 pm 02:18 PM
在編寫網站或應用程式時，經常會遇到需要跳到指定頁面的需求。在PHP中，我們可以透過幾種方法來實現頁面跳躍。下面我將為您示範三種常用的跳轉方法，包括使用header()函數、使用JavaScript程式碼和使用meta標籤。使用header()函數header()函數是PHP中用來發送原始的HTTP頭部資訊的函數，在實現頁面跳躍時可以結合使用該函數。下面是一個
3秒跳轉頁面實作方法：PHP程式指南
Mar 25, 2024 am 10:42 AM
標題：3秒跳轉頁面實作方法：PHP程式設計指南在網頁開發中，頁面跳轉是常見的操作，一般情況下我們使用HTML中的meta標籤或JavaScript的方法進行頁面跳轉。不過，在某些特定的情況下，我們需要在伺服器端進行頁面跳轉。本文將介紹如何使用PHP程式實作一個在3秒內自動跳到指定頁面的功能，同時會給出具體的程式碼範例。 PHP實現頁面跳躍的基本原理PHP是一種在
使用golang進行Select Channels Go並發式程式設計的非同步處理方法
Sep 28, 2023 pm 05:27 PM
使用golang進行SelectChannelsGo並發式程式設計的非同步處理方法引言：並發式程式設計是現代軟體開發中的重要領域，它可以有效地提高應用程式的效能和回應能力。在Go語言中，使用Channels和Select語句可以簡單而有效率地實現並發程式設計。本文將介紹如何使用golang進行SelectChannelsGo並發式程式設計的非同步處理方法，並提供具體的
jquery如何隱藏select元素
Aug 15, 2023 pm 01:56 PM
jquery隱藏select元素的方法：1、hide()方法，在HTML頁面中引入jQuery庫，可以使用不同選擇器來隱藏select元素，ID選擇器將selectId替換為你實際使用的select元素的ID；2、 css()方法，使用ID選擇器選擇需要隱藏的select元素，使用css()方法將display屬性設為none，並將selectId替換為select元素的ID。
跳轉購物app怎麼關閉
Nov 29, 2023 pm 05:30 PM
關閉跳轉購物app的方法：1、關閉應用程式內的跳轉功能；2、變更瀏覽器設定；3、解除安裝更新或重新安裝app。詳細介紹：1、關閉應用程式內的跳轉功能，開啟購物app，在首頁或搜尋結果頁點擊想要購買的商品，進入商品詳情頁後，不要直接點擊「立即購買」或類似按鈕，而是先點擊頁面右上角的「更多」或「設定」圖標，在彈出的選單中，找到「關閉跳轉」或類似的選項，並點擊它，確認關閉跳轉功能等等。
go語言中跳轉語句有哪些
Dec 26, 2022 pm 04:33 PM
跳轉語句有：1、break語句，用於退出循環或退出一個switch語句，讓程式繼續執行循環之後的程式碼，語法「break;」；2、continue語句用於退出本次循環，並開始下一次循環，語法「continue;」；3、與標籤結合跳到指定的標籤語句，語法「標籤+ :」；4、goto語句，用於無條件地轉移到程式中指定的行，語法「goto 標籤; ... ...標籤: 表達式;」。
