• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > ie8模式下click无反应点击option无反应的解决方法

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

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了ie8,click等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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

言归正传,先上图:

<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);
})

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • IE8兼容Jquery.validate.js的问题
  • JQuery.validate在ie8下不支持的快速解决方法
  • IE8下jQuery改变png图片透明度时出现的黑边
  • IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题
  • ie8模式下click无反应点击option无反应的解决方法
  • IE8下Jquery获取select选中的值post到后台报错问题
  • jquery validate在ie8下的bug解决方法
  • IE8下String的Trim()方法失效的解决方法
  • JQuery1.4+ Ajax IE8 内存泄漏问题
  • jquery 1.3.2 IE8中的一点点的小问题解决方法

相关文章

  • 2017-08-16jQuery on()方法绑定动态元素的点击事件无响应的解决办法
  • 2017-08-16jQuery中parents()和parent()的区别分析
  • 2017-08-16jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
  • 2017-08-16toggle()隐藏问题的解决方法
  • 2017-08-16jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
  • 2017-10-30jq生成二维码
  • 2017-08-16利用jquery操作Radio方法小结
  • 2017-08-16jQuery多级弹出菜单插件ZoneMenu
  • 2017-08-16jQuery实现鼠标跟随效果
  • 2017-08-168个超实用的jQuery功能代码分享

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jQuery实现div拖拽效果实例分析
    • jQuery 1.8 Release版本发布了
    • fancybox modal的完美解决(右上的X)
    • jQuery+CSS实现的网页二级下滑菜单效果
    • Jquery技巧(必须掌握)
    • 3分钟写出来的Jquery版checkbox全选反选功能
    • jquery简单图片切换显示效果实现方法
    • jQuery动态添加可拖动元素完整实例(附demo源码下载)
    • jquery.tmpl JQuery模板插件
    • jQuery 全选效果实现代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有