ie8模式下click無反應點擊option無反應的解決方法

實現的效果比較常見的一種，點擊select里面的option，將其賦值到上面的input，直接用jQuery寫的：

$("#cardNoList option").click(function(){
$("#card").attr("value","").attr("value",this.value); 
})

有個奇怪的事情，由于面向的用戶基本上都是用的360瀏覽器這類國內雙核瀏覽器，加了本機Eclipse跑是用的chrome內核進行解析，放到測試環境，就變成ie8標準進行解析了。

現在問題來了，學挖掘……額，不是！

在用IE8打開的時候，點擊option沒有任何反應。

加alert試了下：

$("#cardNoList option").click(function(){
alert("111");
$("#card").attr("value","").attr("value",this.value);
alert("222"); 
})

click完全沒有調用到。

一開始以為是jQuery的click事件在ie8下的兼容問題，但jQuery對兼容都封裝解決了，應用如此廣，按理不會就我碰到。

后來想到，可能是在ie8下click根本沒有加到option上面去，改了改，將click加到select上，成了，ie8、Firefox、chrome都可以順利賦值到input里。

$("#cardNoList").click(function(){
$("#card").attr("value","").attr("value",this.value);
})

百度了下，貌似“眾所周知,在IE里, select的option是不支持onclick事件的”　o(╯□╰)o　

經提醒，改為：

$("#cardNoList").click(function(){
$("#card").val(this.value);
}

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com