分类导航

JavaScript 发布时间：2022-04-16 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了ie8模式下click无反应点击option无反应的解决方法，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

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

言归正传，先上图：

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

<div class="codetitle"><a style="cursOR: pointer" data="29833" class="copybut" id="copybut29833" onclick="doCopy('code29833')"> 代码如下:

<div class="codebody" id="code29833">
$("#cardNoList option").click(function(){
$("#card").attr("value","").attr("value",this.value);
})

有个奇怪的事情，

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

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

本机Eclipse跑是用的chrome内核进行解析，放到测试环境，就变成ie8标准进行解析了。

现在问题来了，学挖掘……额，不是！

在用IE8打开的时候，点击option没有任何反应。

加alert试了下：

title"> 代码如下:

{ alert("111"); $("#card").attr("value",this.value); alert("222"); })

click完全没有调用到。

一开始以为是jQuery的click事件在ie8下的兼容问题，但jQuery对兼容都封装解决了，应用如此广，按理不会就我碰到。

后来想到，可能是在ie8下click根本没有加到option上面去，改了改，将click加到SELEct上，成了，ie8、Firefox、chrome都可以顺利赋值到input里。

title"> 代码如下:

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

百度了下，貌似“众所周知,在IE里,SELEct的option是不支持onclick事件的”　o(╯□╰)o　

经提醒，改为：

title"> 代码如下:

{ $("#card").val(this.value); })

大佬总结

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：click ie8