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实现流动虚线框的方法
Jan 29 Javascript
js完美实现@提到好友特效(兼容各大浏览器)
Mar 16 Javascript
javascript日期计算实例分析
Jun 29 Javascript
浅谈js中调用函数时加不加括号的问题
Jul 28 Javascript
简易的JS计算器实现代码
Oct 18 Javascript
简单实现jQuery级联菜单
Jan 09 Javascript
TypeScript入门-基本数据类型
Mar 28 Javascript
详解小程序设置缓存并且不覆盖原有数据
Apr 15 Javascript
javascript中的with语句学习笔记及用法
Feb 17 Javascript
jQuery 移除事件的方法
Jun 20 jQuery
javascript canvas实现简易时钟例子
Sep 05 Javascript
vue-cli脚手架的.babelrc文件用法说明
Sep 11 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程序员的13个好习惯小结
2012/02/20 PHP
ThinkPHP 连接Oracle数据库的详细教程[全]
2012/07/16 PHP
zf框架的Filter过滤器使用示例
2014/03/13 PHP
php打造智能化的柱状图程序,用于报表等
2015/06/19 PHP
php的mail函数发送UTF-8编码中文邮件时标题乱码的解决办法
2015/10/20 PHP
Thinkphp微信公众号支付接口
2016/08/04 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
PHP判断是否微信访问的方法示例
2019/03/27 PHP
一个用js实现控制台控件的代码
2007/09/04 Javascript
JavaScript中的noscript元素属性位置及作用介绍
2013/04/11 Javascript
javascript字符串与数组转换汇总
2015/05/26 Javascript
jQuery中的一些常见方法小结(推荐)
2016/06/13 Javascript
jQuery Validate让普通按钮触发表单验证的方法
2016/12/15 Javascript
利用Angular.js编写公共提示模块的方法教程
2017/05/28 Javascript
JavaScript脚本语言是什么_动力节点Java学院整理
2017/06/26 Javascript
JavaScript实现瀑布流图片效果
2017/06/30 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
2018/04/10 Javascript
Vue监听一个数组id是否与另一个数组id相同的方法
2018/09/26 Javascript
深入webpack打包原理及loader和plugin的实现
2020/05/06 Javascript
用Python遍历C盘dll文件的方法
2015/05/06 Python
python+matplotlib实现鼠标移动三角形高亮及索引显示
2018/01/15 Python
使用Flask集成bootstrap的方法
2018/07/24 Python
python 3.3 下载固定链接文件并保存的方法
2018/12/18 Python
python实现两张图片的像素融合
2019/02/23 Python
pyinstaller打包opencv和numpy程序运行错误解决
2019/08/16 Python
在win64上使用bypy进行百度网盘文件上传功能
2020/01/02 Python
科沃斯机器人官网商城:Ecovacs
2016/08/29 全球购物
建筑实习自我鉴定
2013/10/18 职场文书
幼儿园教师自我鉴定
2014/03/20 职场文书
毕业生如何写自荐信
2014/03/26 职场文书
幼儿园运动会口号
2014/06/07 职场文书
师范生求职信
2014/06/14 职场文书
上课迟到检讨书300字
2014/10/15 职场文书
婚育证明样本
2015/06/16 职场文书
《狮子和鹿》教学反思
2016/02/16 职场文书
Python实现的扫码工具居然这么好用!
2021/06/07 Python