基於jQuery的select下拉方塊選擇觸發事件實例分析

本文實例講述了基於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的select下拉框選擇觸發事件實例分析相關文章請關注PHP中文網！