關於select下拉框選擇觸發事件
阿新 • • 發佈:2019-02-15
我一直以來都認為,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,問題解決,漲姿勢了木有呢,哈哈。。。