jquery選擇下拉框觸發事件的實現

2021-08-20 12:58:37 字數 790 閱讀 9595

因為jquery選擇下拉框觸發事件的實現而焦頭爛額,先前我用了對下拉框option中的id用了click事件,在火狐中竟然能執行而在其他瀏覽器卻不行,這讓我一度以為是瀏覽器相容問題。

錯錯錯,option中沒有id也沒有click事件。

我的天,超級發現問題超級開心。

下面是我的實現。

bind()方法為被選元素新增乙個或多個事件處理程式,並規定事件發生時執行的函式。

其語法為:

$(selector).bind(event,data,function)
引數說明如下:

在select的option中新增value值,便於區分,就設定為123

匯入jquery的cdn

先將tongzhi和shiyan這兩個div塊隱藏

選擇select新增bind() 方法

在function中進行判斷,如果為value=2,那麼顯示shiyan,否則顯示其他頁面。

通知內部通知

實驗專案簡介及連線

內容:確定

專案名稱:

專案名稱:

專案簡介:

作者成員:

上限日期:

進入檢視:

正文:確定

這是我專案裡的乙個html頁面,我就不把css給你們了,不過複製貼上應該能執行,反正jquery下拉框選擇觸發事件是實現了。

關於select下拉框選擇觸發事件

我一直以來都認為,select 下拉框選擇對選項 options 使用 onclick 註冊事件即可,如下 選項一 選項二 今天有個要求需要做聯動選單,就是每點一次,相鄰的下拉框會自動改變 我一想沒問題啊,onclick走起 於是走上面的路線,客戶還說了,ie8必須支援,我想想也是,xp的ie核心只...

jquery 下拉框 收藏

jquery 下拉框 jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關 獲 取一組radio被選中項的值 var item input name items checked val 獲 取select被選中項的文字...

menuSel選擇下拉框

style基礎樣式 menudownwarp menudownwarp on menudownwarp li 可以指定skin引數,通過修改樣式中的margin值來修正定位等一些樣式 建立選單示例 callback function msg return htm 建立的選單項帶有額外複雜資料示例 c...