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 相关文章推荐
实例:用 JavaScript 来操作字符串(一些字符串函数)
Feb 15 Javascript
漂亮的提示信息(带箭头)
Mar 21 Javascript
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 Javascript
JavaScript对象之深度克隆介绍
Dec 08 Javascript
jquery实现适用于门户站的导航下拉菜单效果代码
Aug 24 Javascript
通过AngularJS实现图片上传及缩略图展示示例
Jan 03 Javascript
javascript中BOM基础知识总结
Feb 14 Javascript
jQuery实现的简单在线计算器功能
May 11 jQuery
node.js操作mongodb简单示例分享
May 25 Javascript
jQuery实现html双向绑定功能示例
Oct 09 jQuery
浅谈微信页面入口文件被缓存解决方案
Sep 29 Javascript
实现AJAX异步调用和局部刷新的基本步骤
Mar 17 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 将bmp图片转为jpg等其他任意格式的图片
2009/06/29 PHP
php中http与https跨域共享session的解决方法
2014/12/20 PHP
function, new function, new Function之间的区别
2007/03/08 Javascript
Prototype Object对象 学习
2009/07/12 Javascript
基于jquery的二级联动菜单实现代码
2011/04/25 Javascript
JavaScript 高级篇之闭包、模拟类,继承(五)
2012/04/07 Javascript
JQuery获取或设置ckeditor的数据(示例代码)
2013/11/15 Javascript
Javascript动画的实现原理浅析
2015/03/02 Javascript
javascript多行字符串的简单实现方式
2015/05/04 Javascript
AngularJS基础学习笔记之指令
2015/05/10 Javascript
JS实现自动变换的菜单效果代码
2015/09/09 Javascript
Angular中$compile源码分析
2016/01/28 Javascript
Webpack 实现 AngularJS 的延迟加载
2016/03/02 Javascript
很棒的js选项卡切换效果
2016/07/15 Javascript
javascript中Date对象的使用总结
2016/11/21 Javascript
Bootstrap select实现下拉框多选效果
2016/12/23 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
2017/06/13 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
2018/05/02 Javascript
vuejs简单验证码功能完整示例
2019/01/08 Javascript
通过实例解析JavaScript for in及for of区别
2020/06/15 Javascript
js 图片懒加载的实现
2020/10/21 Javascript
ant-design-vue 时间选择器赋值默认时间的操作
2020/10/27 Javascript
[06:13]DOTA2进化论(修改版)
2013/10/08 DOTA
[04:04]显微镜下的DOTA2第六期——电影级别的华丽团战
2014/06/20 DOTA
Python zip()函数用法实例分析
2018/03/17 Python
如何为Python终端提供持久性历史记录
2019/09/03 Python
Django REST framework 单元测试实例解析
2019/11/07 Python
基于HTML5超酷摄像头(HTML5 webcam)拍照功能实现代码
2012/12/13 HTML / CSS
体验完美剃须:The Art of Shaving
2018/08/06 全球购物
CK加拿大官网:Calvin Klein加拿大
2020/03/14 全球购物
2014年精神文明建设工作总结
2014/11/19 职场文书
房产遗嘱范本
2015/08/06 职场文书
学校少先队工作总结
2015/08/12 职场文书
小学班主任培训心得体会
2016/01/07 职场文书
导游词之南昌滕王阁
2019/11/29 职场文书
使用Spring处理x-www-form-urlencoded方式
2021/11/02 Java/Android