js獲取select改變事件


 

轉自:http://blog.csdn.net/wujiangwei567/article/details/39348749

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

 

[html] view plain copy
  1. <select>  
  2.     <option value="0" onclick="func(0)">選項一</option>  
  3.     <option value="1" onclick="func(1)">選項二</option>  
  4. </select>  


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

於是走上面的路線,客戶還說了,IE8必須支持,我想想也是,XP的IE內核只能升到IE8,現在很多用戶依然

舍不得XP,但是它支持onclick啊,我在ff下試過了,一點問題沒有,但是一切換IE8下,告訴你,一點反應沒有

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

 

[html] view plain copy
  1. <select onchange="func()>  
  2.     <option value="0" >選項一</option>  
  3.     <option value="1" >選項二</option>  
  4. </select>  

好,問題又來了,我傳的參數怎么辦?怎么接收參數

這不是問題,jquery給你答案

 

[javascript] view plain copy
  1. function func(){  
  2.  //獲取被選中的option標簽  
  3.  var vs = $('select  option:selected').val();  
  4. }  


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM