想起了小學(xué)時(shí)候數(shù)不盡的一件小事，哎，那夕陽(yáng)下的奔跑，是我逝去的青春啊。
言歸正傳，先上圖：
<select id="cardNoList" size="4"></select>
實(shí)現(xiàn)的效果比較常見(jiàn)的一種，點(diǎn)擊select里面的option，將其賦值到上面的input，直接用jQuery寫(xiě)的：
復(fù)制代碼代碼如下:
$("#cardNoList option").click(function(){
$("#card").attr("value","").attr("value",this.value);
})
有個(gè)奇怪的事情，
由于面向的用戶(hù)基本上都是用的360瀏覽器這類(lèi)國(guó)內(nèi)雙核瀏覽器，加了
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
本機(jī)Eclipse跑是用的chrome內(nèi)核進(jìn)行解析，放到測(cè)試環(huán)境，就變成ie8標(biāo)準(zhǔn)進(jìn)行解析了。
現(xiàn)在問(wèn)題來(lái)了，學(xué)挖掘……額，不是！
在用IE8打開(kāi)的時(shí)候，點(diǎn)擊option沒(méi)有任何反應(yīng)。
加alert試了下：
復(fù)制代碼代碼如下:
$("#cardNoList option").click(function(){
alert("111");
$("#card").attr("value","").attr("value",this.value);
alert("222");
})
click完全沒(méi)有調(diào)用到。
一開(kāi)始以為是jQuery的click事件在ie8下的兼容問(wèn)題，但jQuery對(duì)兼容都封裝解決了，應(yīng)用如此廣，按理不會(huì)就我碰到。
后來(lái)想到，可能是在ie8下click根本沒(méi)有加到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);
})
