解决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 相关文章推荐
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 jQuery
jQuery模拟实现天猫购物车动画效果实例代码
May 25 jQuery
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
使用 jQuery 实现表单验证功能
Jul 05 jQuery
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
jQuery 实现鼠标画框并对框内数据选中的实例代码
Aug 29 jQuery
jquery 键盘事件的使用方法详解
Sep 13 jQuery
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 jQuery
详解JQuery基础动画操作
Apr 12 jQuery
jQuery实现可编辑的表格
Dec 11 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
为查询结果建立向后/向前按钮
2006/10/09 PHP
PHP Document 代码注释规范
2009/04/13 PHP
php日历制作代码分享
2014/01/20 PHP
PJ Blog修改-禁止复制的代码和方法
2006/10/25 Javascript
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
2010/03/21 Javascript
javascript面向对象编程(一) 实例代码
2010/06/25 Javascript
jQuery实现鼠标经过像翻页和描点链接效果
2016/08/08 Javascript
javascript实现一个网页加载进度loading
2017/01/04 Javascript
jquery.uploadView 实现图片预览上传功能
2017/08/10 jQuery
Vue用v-for给src属性赋值的方法
2018/03/03 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
2018/05/04 Javascript
vue-cli3中vue.config.js配置教程详解
2019/05/29 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
python sys模块sys.path使用方法示例
2013/12/04 Python
Python通过90行代码搭建一个音乐搜索工具
2015/07/29 Python
使用Python的urllib和urllib2模块制作爬虫的实例教程
2016/01/20 Python
matplotlib 输出保存指定尺寸的图片方法
2018/05/24 Python
Python中is和==的区别详解
2018/11/15 Python
Python django搭建layui提交表单,表格,图标的实例
2019/11/18 Python
python使用openCV遍历文件夹里所有视频文件并保存成图片
2020/01/14 Python
python实现拼接图片
2020/03/23 Python
Python selenium如何打包静态网页并下载
2020/08/12 Python
python如何随机生成高强度密码
2020/08/19 Python
J2EE相关知识面试题
2013/08/26 面试题
初中作文评语大全
2014/04/23 职场文书
2014最新离职证明范本
2014/09/12 职场文书
先进个人事迹材料范文
2014/12/30 职场文书
幼儿园感恩节活动总结
2015/03/24 职场文书
《鸟的天堂》教学反思
2016/02/19 职场文书
广播稿:校园广播稿范文
2019/04/17 职场文书
Python实现的扫码工具居然这么好用!
2021/06/07 Python
用Python将GIF动图分解成多张静态图片
2021/06/11 Python
MySQL REVOKE实现删除用户权限
2021/06/18 MySQL
python自动计算图像数据集的RGB均值
2021/06/18 Python
业余无线电通联Q语
2022/02/18 无线电
django项目、vue项目部署云服务器的详细过程
2022/07/23 Servers