ie8模式下click無反應(yīng)點擊option無反應(yīng)的解決方法
想起了小學(xué)時候數(shù)不盡的一件小事,哎,那夕陽下的奔跑,是我逝去的青春啊。
言歸正傳,先上圖:
<select id="cardNoList" size="4"></select>
實現(xiàn)的效果比較常見的一種,點擊select里面的option,將其賦值到上面的input,直接用jQuery寫的:
$("#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試了下:
$("#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里。
$("#cardNoList").click(function(){
$("#card").attr("value","").attr("value",this.value);
})
百度了下,貌似“眾所周知,在IE里, select的option是不支持onclick事件的” o(╯□╰)o
經(jīng)提醒,改為:
$("#cardNoList").click(function(){
$("#card").val(this.value);
})
- jQuery解決下拉框select設(shè)寬度時IE 6/7/8下option超出顯示不全
- JQuery操作Select的Options的Bug(IE8兼容性視圖模式)
- IE6/7/8中Option元素未設(shè)value時Select將獲取空字符串
- 解決IE下select標(biāo)簽innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
- javascript option onclick事件ie解決方案 兼容ie,firefox
- IE不支持option的display樣式,只能使用remove和add
- 用jQuery解決IE不支持的option disable屬性
- IE8中動態(tài)創(chuàng)建script標(biāo)簽onload無效的解決方法
- IE6瀏覽器中window.location.href無效的解決方法
- IE中鼠標(biāo)經(jīng)過option觸發(fā)mouseout的解決方法
相關(guān)文章
jQuery實現(xiàn)TAB風(fēng)格的全國省份城市滑動切換效果代碼
這篇文章主要介紹了jQuery實現(xiàn)TAB風(fēng)格的全國省份城市滑動切換效果代碼,涉及jquery鼠標(biāo)mouseover事件及頁面元素遍歷的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2015-08-08基于Jquery和CSS3制作數(shù)字時鐘附源碼下載(CSS3篇)
數(shù)字時鐘在web倒計時,web鬧鐘效果以及基于html5的web app中,本文給大家介紹基于jquery和css3制作數(shù)字時鐘附源碼下載,感興趣的朋友來看看吧2015-11-11CheckBoxList多選樣式j(luò)query、C#獲取選擇項
使用jquery、C#獲取CheckBoxList選擇項,實現(xiàn)如下,感興趣的朋友可以參考下2013-09-09jQuery實現(xiàn)獲取form表單內(nèi)容及綁定數(shù)據(jù)到form表單操作分析
這篇文章主要介紹了jQuery實現(xiàn)獲取form表單內(nèi)容及綁定數(shù)據(jù)到form表單操作,結(jié)合jQuery封裝插件操作分析了jQuery針對form表單的serializeJson數(shù)據(jù)獲取及setForm數(shù)據(jù)綁定相關(guān)操作技巧,需要的朋友可以參考下2018-07-07增強用戶體驗友好性之jquery easyui window 窗口關(guān)閉時的提示
在項目中,客戶提出這么個要求,就是在關(guān)閉彈出的窗口的時候,如果點擊 紅X 或 取消按鈕 則提示 ”確認保存了當(dāng)前的操作“ 這么個信息,否則就不提示啦2012-06-06