解决IE7中使用jQuery动态操作name问题


Posted in jQuery onAugust 28, 2017

问题:IE7中无法使用Jquery动态操作页面元素的name属性。

在项目中有出现问题,某些客户的机器偶尔会有,后台取不到前台的数据值。

然开发和测试环境总是不能重现问题。坑爹之处就在于此,不能重现就不能调试,就不能知道改了后还会不会有这样的问题。

想想可能与客户环境唯一不同就只有可能是js缓存问题了,然后把所有的js文件引用的地方都加上一个当前时间参数,然问题依然存在。

本来规定的版本就是IE8,所以也没有想过会有版本兼容问题,在说了咱用的是jquery,jqeruy的出现不就是号称为了解决浏览器的兼容问题么。

该死了问题,还真实版本问题。因为某些页面需要用到IE8的兼容模式,然兼容模式其实就是像下兼容,那不就是兼容IE7 了么?

于是本地用demo测试了下。

<form id="form1" runat="server">
  <div id="div">
   <input id="input" name="1" value="123" />
  </div>
 </form>
 <script src="jquery-1.6.4.min.js"></script>
 <script>
  $("#input").attr("name", "myname");
  alert("name:" + $("#input").attr("name") + "***html:" + $("#div").html());
 </script>

IE8:

解决IE7中使用jQuery动态操作name问题

ok!

IE8兼容模式:

解决IE7中使用jQuery动态操作name问题

??为什么 $("#input").attr("name")取到的是修改后的值,而$("#div").html() 取到的name还是原先的值??

F12查看生成的html

解决IE7中使用jQuery动态操作name问题

擦 submitName 是什么东东?明显name没有改变。submitName 应该是jquery生成的 然后读取name的时候 也是直接读取的submitName 的值。

那 为什么$("#div").html() 取的值中没有submitName 呢 ??  我也不知道jquery中的html方法是怎么实现的~~

项目中的实现方式类似于:

<form id="form1" runat="server">
  <div id="div">
   <input id="input" name="1" value="123" type="text" />
  </div>
  <div id="div2">
  </div>
 </form>
 <script src="jquery-1.6.4.min.js"></script>
 <script>
  //alert("name:" + $("#input").attr("name") + "***html:" + $("#div").html());
  $("#input").attr("name", "myname");
  $("#div2").html($("#div").html());
  var nameVal = $("#div2").find("input[name='myname']").val();
  alert(nameVal);
 </script>

这样  在IE8和谷歌浏览器 取值正常,在IE8兼容模式却取不到值。【不要问为什么非要这么赋值取值,这是demo'类似于'的实现,且是一个框架】

解决方案:

1.直接用jquery修改name 然后访问name是ok的,虽然 中间是生成了submitName 。

2.可以先$("#div2").html($("#div").html()); 然后在修改.attr("name", "myname");

3.可以直接拼接html。    $("#div").html("<input id="input" name="myname" value="123" type="text" />")

最后百度了下,原来是 IE7不能用document.getElementsByName()访问js动态创建和修改后的name值。

总结

以上所述是小编给大家介绍的解决IE7中使用jQuery动态操作name问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
jQuery使用unlock.js插件实现滑动解锁
Apr 04 jQuery
jquery实现图片轮播器
May 23 jQuery
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
May 26 jQuery
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
Sep 12 jQuery
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 jQuery
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
基于jquery的on和click的区别详解
Jan 15 jQuery
使用jquery DataTable和ajax向页面显示数据列表的方法
Aug 09 jQuery
jQuery轻量级表单模型验证插件
Oct 15 jQuery
jQuery利用FormData上传文件实现批量上传
Dec 04 jQuery
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
jQuery实现鼠标拖拽登录框移动效果
Sep 13 jQuery
jQuery菜单实例(全选,反选,取消)
Aug 28 #jQuery
基于jQuery实现图片推拉门动画效果的两种方法
Aug 26 #jQuery
详解webpack3如何正确引用并使用jQuery库
Aug 26 #jQuery
jQuery图片缩放插件smartZoom使用实例详解
Aug 25 #jQuery
使用jQuery实现页面定时弹出广告效果
Aug 24 #jQuery
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 #jQuery
jQuery Datatable 多个查询条件自定义提交事件(推荐)
Aug 24 #jQuery
You might like
PHP实现今天是星期几的几种写法
2013/09/26 PHP
php去除字符串中空字符的常用方法小结
2015/03/17 PHP
获取DOM对象的几种扩展及简写
2006/10/09 Javascript
把JS与CSS写在同一个文件里的书写方法
2007/06/02 Javascript
JavaScript打开word文档的实现代码(c#)
2012/04/16 Javascript
js关闭子窗体刷新父窗体实现方法
2012/12/04 Javascript
Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
2013/07/09 Javascript
js动态生成指定行数的表格
2013/07/11 Javascript
jquery实现简单手风琴菜单效果实例
2015/06/13 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
2015/10/17 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
2017/03/02 Javascript
vue使用axios时关于this的指向问题详解
2017/12/22 Javascript
使用vue-cli webpack 快速搭建项目的代码
2018/11/21 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
vue调用本地摄像头实现拍照功能
2020/08/14 Javascript
python3 shelve模块的详解
2017/07/08 Python
python在每个字符后添加空格的实例
2018/05/07 Python
python Web开发你要理解的WSGI &amp; uwsgi详解
2018/08/01 Python
django连接oracle时setting 配置方法
2019/08/29 Python
python 并发下载器实现方法示例
2019/11/22 Python
django模型动态修改参数,增加 filter 字段的方式
2020/03/16 Python
Windows 下更改 jupyterlab 默认启动位置的教程详解
2020/05/18 Python
使用tensorflow进行音乐类型的分类
2020/08/14 Python
Jupyter Notebook 远程访问配置详解
2021/01/11 Python
美国皮靴公司自1863年:The Frye Company
2016/11/30 全球购物
Java如何读取CLOB字段
2013/10/10 面试题
优秀的茶餐厅创业计划书
2014/01/03 职场文书
送温暖献爱心活动总结
2014/07/08 职场文书
党性锻炼的心得体会
2014/09/03 职场文书
2014国庆65周年领导讲话稿(3篇)
2014/09/21 职场文书
2014年个人业务工作总结
2014/11/17 职场文书
主婚人致辞精选
2015/07/28 职场文书
运动会闭幕式致辞
2015/07/29 职场文书
2016年寒假社会实践活动总结
2015/10/10 职场文书
mysql中int(3)和int(10)的数值范围是否相同
2021/10/16 MySQL
linux目录管理方法介绍
2022/06/01 Servers