解决IE7中使用jQuery动态操作name问题_网络技术_宿州市腾雀网络科技有限公司

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

发布时间 - 2026-01-11 02:59:11 点击率：次

问题：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：

ok！

IE8兼容模式：

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

F12查看生成的html

擦 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 # 动态操作name # jQuery常见面试题之DOM操作详析 # 基于jQuery解决ios10以上版本缩放问题 # 解决JQuery全选/反选第二次失效的问题 # 关于JS与jQuery中的文档加载问题 # jQuery选择器特殊字符与属性空格问题 # 详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法 # 20个最常见的jQuery面试问题及答案 # 会有 # 的是 # 就不能 # 类似于 # 小编 # 是一个 # 这是 # 就在 # 在此 # 说了 # 之处 # 死了 # 还会 # 是怎么 # 中有 # 给大家 # 可以直接 # 想过 # 非要 # 不能用

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：免费服务器零成本搭建个人网站，快速部署专属网页方案

下一篇：如何在Linux上配置强大的容器安全工具

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：免费服务器零成本搭建个人网站，快速部署专属网页方案

下一篇：如何在Linux上配置强大的容器安全工具