欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ie8模式下click無反應(yīng)點擊option無反應(yīng)的解決方法

 更新時間:2014年10月11日 17:35:55   投稿:whsnow  
點擊select里面的option,將其賦值到上面的input,直接用jQuery寫的,問題是在用IE8打開的時候,點擊option沒有任何反應(yīng)

想起了小學(xué)時候數(shù)不盡的一件小事,哎,那夕陽下的奔跑,是我逝去的青春啊。

言歸正傳,先上圖:

<select id="cardNoList" size="4"></select>

實現(xiàn)的效果比較常見的一種,點擊select里面的option,將其賦值到上面的input,直接用jQuery寫的:

復(fù)制代碼 代碼如下:

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

有個奇怪的事情,

由于面向的用戶基本上都是用的360瀏覽器這類國內(nèi)雙核瀏覽器,加了

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

本機Eclipse跑是用的chrome內(nèi)核進行解析,放到測試環(huán)境,就變成ie8標(biāo)準(zhǔn)進行解析了。

現(xiàn)在問題來了,學(xué)挖掘……額,不是!

在用IE8打開的時候,點擊option沒有任何反應(yīng)。

加alert試了下:

復(fù)制代碼 代碼如下:

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

click完全沒有調(diào)用到。

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

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

復(fù)制代碼 代碼如下:

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

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

經(jīng)提醒,改為:

復(fù)制代碼 代碼如下:

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

相關(guān)文章

最新評論