前端开发

 首页 > 前端开发 > jquery教程 > ie8模式下click无反应点击option无反应的解决方法

ie8模式下click无反应点击option无反应的解决方法

分享到:
【字体:
导读:
          点击select里面的option,将其赋值到上面的input,直接用jQuery写的,问题是在用IE8打开的时候,点击option没有任何反应...

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

言归正传,先上图:

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

复制代码 代码如下:

$("#cardNoList option").click(function(){
$("#card").attr("value","").attr("value",this.value);
})

有个奇怪的事情,

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

本机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);
})
分享到:
分享20款美化网站的 jQuery Lightbox 灯...
  jQuery Lightbox 灯箱插件可以让你为您的网站和应用程序展示优雅的图像,视频 和其它内容(使用模式窗口)。如果你是一个开发人员,你必须拥有 jQuery 灯箱插件集合,因为有一部分的客户会要求他们的网站看起来更有吸引力和视觉冲击力。   因此在这个集合中,我们编译了20款最好的 jQuery 灯箱插件清单,这将有助于...
Json实现异步请求提交评论无需跳转其他页...
主要将代码粘贴,通过阅读代码理解其中的相关逻辑。 html代码: 评论: 姓名: 内容: 已有评论: js代码: $("#send").click(function () { $.get("doSave.ashx", { //调用json插件 u_name: $("#username1").val(), //json数据/值对化 u_cont: $("#content")...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……