ie8模式下click无反应点击option无反应的解决方法
更新时间：2014年10月11日 17:35:55 投稿：whsnow
点击select里面的option，将其赋值到上面的input，直接用jQuery写的，问题是在用IE8打开的时候，点击option没有任何反应
想起了小学时候数不尽的一件小事，哎，那夕阳下的奔跑，是我逝去的青春啊。
言归正传，先上图：
<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);
})
您可能感兴趣的文章:
- jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
- JQuery操作Select的Options的Bug(IE8兼容性视图模式)
- IE6/7/8中Option元素未设value时Select将获取空字符串
- 解决IE下select标签innerHTML插入option的BUG（兼容IE,FF,Opera,Chrome,Safari)
- javascript option onclick事件ie解决方案 兼容ie,firefox
- IE不支持option的display样式，只能使用remove和add
- 用jQuery解决IE不支持的option disable属性
- IE8中动态创建script标签onload无效的解决方法
- IE6浏览器中window.location.href无效的解决方法
- IE中鼠标经过option触发mouseout的解决方法
相关文章
本文主要介绍了利用jQuery实现两个<select>控件的互移操作的方法代码，具有很好的参考价值，需要的朋友一起来看下吧2016-12-12
从这一讲开始，我们将直正接触一个JQ类库，学习一下JQ的写法，JQ的一些常用的命令等等，今天主要讲的是JQ里的选择器，这也是JQ的一大特点，这从它的名称jQuery中可以看到，主要功力体现在查询上2013-01-01
jquery 之 $().hover(func1, funct2)使用方法
.hover(func1, func2) 的效果等效于： mouseenter(), mouseleave()2012-06-06
下面小编就为大家带来一篇jQuery事件绑定方法学习总结(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要介绍了jQuery1.8中的几个小变化。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要为大家详细介绍了jQuery实现简单弹幕制作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
这篇文章主要为大家详细介绍了jquery+css实现侧边导航栏效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要为大家详细介绍了jQuery开发之内容滑动切换效果的相关资料，jquery.hwSlide.js插件进行封装具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
这篇文章主要介绍了jquery插件corner实现圆角边框的方法,实例分析了jQuery插件corner的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
jquery性能优化做好，速度也很快，那么如何提高jquery性能呢，本篇文章给大家介绍jquery性能优化高级技巧，需要的朋友可以参考下2015-08-08
最新评论