成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? 基于jQuery的select下拉框選擇觸發事件實例分析
全站頭部文字 我要出現在這里
基于jQuery的select下拉框選擇觸發事件實例分析 670 2024-02-12   

本文實例講述了基于jQuery的select下拉框選擇觸發事件實現方法。分享給大家供大家參考,具體如下:

我一直以來都認為,select 下拉框選擇對選項 options 使用 onclick 注冊事件即可,如下:

<select>
  <option value="0" onclick="func(0)">選項一</option>
  <option value="1" onclick="func(1)">選項二</option>
</select>

今天有個要求需要做聯動菜單,就是每點一次,相鄰的下拉框會自動改變 ,我一想沒問題啊,onclick走起

于是走上面的路線,客戶還說了,IE8必須支持,我想想也是,XP的IE內核只能升到IE8,現在很多用戶依然舍不得XP,但是它支持onclick啊,我在ff下試過了,一點問題沒有,但是一切換IE8下,告訴你,一點反應沒有。

然后多方查找資料,原來select 它的事件是注冊在自己標簽上的,不是onclick,而是onchange,子標簽對低版本瀏覽器無效,而且也不是正規標準的寫法。

<select onchange="func()>
  <option value="0" >選項一</option>
  <option value="1" >選項二</option>
</select>

好,問題又來了,我傳的參數怎么辦?怎么接收參數
這不是問題,jQuery給你答案

function func(){
 //獲取被選中的option標簽
 var vs = $('select option:selected').val();
}

當然這里的 select 最好加個id 以便混淆,ok,問題解決,漲姿勢了木有呢,哈哈。。。

更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery表單(form)操作技巧總結》、《jQuery窗口操作技巧總結》、《jQuery拖拽特效與技巧總結》、《jQuery常用插件及用法總結》、《jquery中Ajax用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結》

希望本文所述對大家jQuery程序設計有所幫助。



主站蜘蛛池模板: 欧布奥特曼普通版普通话中文版| 电影《复仇女巫》| 少女免费观看完整电视电影| 秘社| 电影终结之战 电影| jar of love完整版| 未删减版电视剧在线观看| 2001年日历全年表| 三年级下册语文第五单元作文奇妙的想象 | 欧美成熟| 电影《埋葬巴斯托》| 九九九九九九九九九九热| 高达uce| 烟草甲虫| 奇门遁甲免费讲解全集| 饥渴少妇av| 日本xxww| 快点受不了了| 网络胜利组| 日本尻逼| 鸣鸟不飞oad| 视频h| 爸爸好奇怪 电视剧| 黄网站在线观看视频| 监禁逃亡2| 创业史全文免费阅读| 女村长| 左耳演员表| angelawhite在线av| lanarhoades无套大片| 天地无伦| 电影宝贝| 超英| 未删减视频| 有本纱世| 电影频道直播| 程皓枫| 杨东波| land of the lost| 王晓男演员个人资料| 六一儿童节幕后换演出服|

?。?!站長長期在線接!??!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103