1. 程式人生 > >關於select下拉框選擇觸發事件

關於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,問題解決,漲姿勢了木有呢,哈哈。。。