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中的有名函数和无名函数
Oct 17 Javascript
Js实现滚动变色的文字效果
Jun 16 Javascript
jQuery中Ajax的load方法详解
Jan 14 Javascript
javascript实现博客园页面右下角返回顶部按钮
Feb 22 Javascript
javascript获取文档坐标和视口坐标
May 26 Javascript
jQuery根据用户电脑是mac还是pc加载对应样式的方法
Jun 26 Javascript
表单元素值获取方式js及java方式的简单实例
Oct 15 Javascript
微信小程序修改swiper默认指示器样式的实例代码
Jul 18 Javascript
Vue.js的动态组件模板的实现
Nov 26 Javascript
vue+web端仿微信网页版聊天室功能
Apr 30 Javascript
layui 监听select选择 获取当前select的ID名称方法
Sep 24 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
Oct 26 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
wordpress之wp-settings.php
2007/08/17 PHP
PHP中date()日期函数有关参数整理
2011/07/19 PHP
PHP新手NOTICE错误常见解决方法
2011/12/07 PHP
PHP验证码函数代码(简单实用)
2013/09/29 PHP
jquery子元素过滤选择器使用示例
2013/06/24 Javascript
jquery选择器-根据多个属性选择示例代码
2013/10/21 Javascript
用循环或if语句从json中取数据示例
2014/08/18 Javascript
微信内置浏览器私有接口WeixinJSBridge介绍
2015/05/25 Javascript
在Node.js中使用HTTP上传文件的方法
2015/06/23 Javascript
jQuery蓝色风格滑动导航栏代码分享
2015/08/19 Javascript
JS实现仿Windows经典风格的选项卡Tab切换代码
2015/10/20 Javascript
JavaScript严格模式详解
2015/11/18 Javascript
在localStorage中存储对象数组并读取的方法
2016/09/24 Javascript
Nodejs基于LRU算法实现的缓存处理操作示例
2017/03/17 NodeJs
JS中this的指向以及call、apply的作用
2018/05/06 Javascript
Puppeteer 爬取动态生成的网页实战
2018/11/14 Javascript
详解Vue中使用插槽(slot)、聚类插槽
2019/04/12 Javascript
实现高性能javascript的注意事项
2019/05/27 Javascript
JavaScript字符串处理常见操作方法小结
2019/11/15 Javascript
vue element 中的table动态渲染实现(动态表头)
2019/11/21 Javascript
[01:34]传奇从这开始 2016国际邀请赛中国区预选赛震撼开启
2016/06/26 DOTA
Python 中pandas.read_excel详细介绍
2017/06/23 Python
Windows下Anaconda的安装和简单使用方法
2018/01/04 Python
python抓取京东小米8手机配置信息
2018/11/13 Python
python 实现图片上传接口开发 并生成可以访问的图片url
2019/12/18 Python
python利用百度云接口实现车牌识别的示例
2020/02/21 Python
纯CSS3单页切换导航菜单界面设计的简单实现
2016/08/16 HTML / CSS
HTML5中视频音频的使用详解
2017/07/07 HTML / CSS
澳大利亚游乐场设备品牌:Lifespan Kids
2019/05/24 全球购物
大二自我鉴定范文
2013/10/05 职场文书
初中生期末考试的自我评价
2013/12/17 职场文书
大学生求职信范文应怎么写
2014/01/01 职场文书
幼儿园教师获奖感言
2014/03/11 职场文书
端午节活动总结报告
2015/02/11 职场文书
2015初中团委工作总结
2015/07/28 职场文书
Python实现双向链表基本操作
2022/05/25 Python