ie8模式下click无反应点击option无反应的解决方法


Posted in Javascript onOctober 11, 2014

想起了小学时候数不尽的一件小事,哎,那夕阳下的奔跑,是我逝去的青春啊。

言归正传,先上图:

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

实现的效果比较常见的一种,点击select里面的option,将其赋值到上面的input,直接用jQuery写的:

$("#cardNoList option").click(function(){

$("#card").attr("value","").attr("value",this.value); 

})

有个奇怪的事情,

由于面向的用户基本上都是用的360浏览器这类国内双核浏览器,加了

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

本机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);

})
Javascript 相关文章推荐
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
Jul 09 Javascript
js获取html文件的思路及示例
Sep 17 Javascript
JS实现网页滚动条感应鼠标变色的方法
Feb 26 Javascript
jQuery读取XML文件内容的方法
Mar 09 Javascript
angularjs学习笔记之完整的项目结构
Sep 26 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
Oct 23 Javascript
jQuery实现的个性化返回底部与返回顶部特效代码
Oct 30 Javascript
一波JavaScript日期判断脚本分享
Mar 06 Javascript
JQuery ZTree使用方法详解
Jan 07 Javascript
详解Vue自定义过滤器的实现
Jan 10 Javascript
Electron中实现大文件上传和断点续传功能
Oct 28 Javascript
vue服务端渲染操作简单入门实例分析
Aug 28 Javascript
JS 获取鼠标左右键的键值方法
Oct 11 #Javascript
jquery动态加载js/css文件方法(自写小函数)
Oct 11 #Javascript
打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)
Oct 11 #Javascript
JavaScript中实现最高效的数组乱序方法
Oct 11 #Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
Oct 11 #Javascript
JavaScript定义变量和变量优先级问题探讨
Oct 11 #Javascript
JavaScript中获取鼠标位置相关属性总结
Oct 11 #Javascript
You might like
在字符串指定位置插入一段字符串的php代码
2010/02/16 PHP
php 删除cookie方法详解
2014/12/01 PHP
php获取访问者IP地址汇总
2015/04/24 PHP
33道php常见面试题及答案
2015/07/06 PHP
jQuery ui1.7 dialog只能弹出一次问题
2009/08/27 Javascript
16个最流行的JavaScript框架[推荐]
2011/05/29 Javascript
js字符串日期yyyy-MM-dd转化为date示例代码
2014/03/06 Javascript
javascript页面上使用动态时间具体实现
2014/03/18 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
2015/01/06 Javascript
JavaScript数据类型学习笔记分享
2016/09/01 Javascript
jQuery实现鼠标跟随效果
2017/02/20 Javascript
浅谈React Event实现原理
2018/09/20 Javascript
Vue组件之单向数据流的解决方法
2018/11/10 Javascript
JavaScript观察者模式原理与用法实例详解
2020/03/10 Javascript
vue中defineProperty和Proxy的区别详解
2020/11/30 Vue.js
python中Pycharm 输出中文或打印中文乱码现象的解决办法
2017/06/16 Python
基于python3 OpenCV3实现静态图片人脸识别
2018/05/25 Python
Numpy中的mask的使用
2018/07/21 Python
django框架自定义用户表操作示例
2018/08/07 Python
基于python实现高速视频传输程序
2019/05/05 Python
手把手教你进行Python虚拟环境配置教程
2020/02/03 Python
python数据类型强制转换实例详解
2020/06/22 Python
高考考python编程是真的吗
2020/07/20 Python
python 如何对logging日志封装
2020/12/02 Python
HTML5使用Audio标签实现歌词同步的效果
2016/03/17 HTML / CSS
孕妇装中的著名品牌:Isabella Oliver(伊莎贝拉·奥利弗)
2016/10/31 全球购物
生日邀请函范文
2014/01/13 职场文书
企业文化标语口号
2014/06/09 职场文书
校园文化标语
2014/06/18 职场文书
企业标语大全
2014/07/01 职场文书
课外活动实习计划
2015/01/19 职场文书
2015年圣诞节活动总结
2015/03/24 职场文书
2015年保育员个人工作总结
2015/05/13 职场文书
Python Pandas知识点之缺失值处理详解
2021/05/11 Python
zabbix agent2 监控oracle数据库的方法
2021/05/13 Oracle
解析目标检测之IoU
2021/06/26 Python