解决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实现图片平滑滚动详解
Mar 22 jQuery
jquery实现全选、全不选以及单选功能
Mar 23 jQuery
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 jQuery
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
jquery获取transform里的值实现方法
Dec 12 jQuery
jQuery EasyUI 折叠面板accordion的使用实例(分享)
Dec 25 jQuery
jQuery实现ajax回调函数带入参数的方法示例
Jun 26 jQuery
IE8中jQuery.load()加载页面不显示的原因
Nov 15 jQuery
jQuery实现简单的Ajax调用功能示例
Feb 15 jQuery
jquery+ajax实现异步上传文件显示进度条
Aug 17 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
function.inc.php超越php
2006/12/09 PHP
php将时间差转换为字符串提示
2011/09/07 PHP
header跳转和include包含问题详解
2012/09/08 PHP
PHP消息队列用法实例分析
2016/02/12 PHP
驱动事件的addEvent.js代码
2007/03/27 Javascript
jquery 图片Silhouette Fadeins渐显效果
2010/02/07 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
2013/12/09 Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
2016/06/12 Javascript
jQuery下拉框的简单应用
2016/06/24 Javascript
JS实现漂亮的时间选择框效果
2016/08/20 Javascript
JS实现图片垂直居中显示小结
2016/12/13 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
2017/01/05 Javascript
webpack4 处理SCSS的方法示例
2018/09/03 Javascript
微信小程序实现Session功能及无法获取session问题的解决方法
2019/05/07 Javascript
解决Vue+Electron下Vuex的Dispatch没有效果问题
2019/05/20 Javascript
js实现列表向上无限滚动
2020/01/13 Javascript
vue请求数据的三种方式
2020/03/04 Javascript
js实现飞机大战游戏
2020/08/26 Javascript
微信小程序实现弹幕墙(祝福墙)
2020/11/18 Javascript
python验证码识别的实例详解
2016/09/09 Python
Python使用django搭建web开发环境
2017/06/09 Python
python实现拉普拉斯特征图降维示例
2019/11/25 Python
TensorFlow dataset.shuffle、batch、repeat的使用详解
2020/01/21 Python
TensorFLow 数学运算的示例代码
2020/04/21 Python
python获取百度热榜链接的实例方法
2020/08/25 Python
python中pivot()函数基础知识点
2021/01/03 Python
html5 button autofocus 属性介绍及应用
2013/01/04 HTML / CSS
wordpress添加Html5的表单验证required方法小结
2020/08/18 HTML / CSS
美国户外烹饪产品购物网站:Outdoor Cooking
2020/01/10 全球购物
高中升旗仪式演讲稿
2014/09/09 职场文书
车辆年检委托书范本
2014/10/14 职场文书
四年级学生期末评语
2014/12/26 职场文书
2016关于读书活动的心得体会
2016/01/14 职场文书
想创业成功,需要掌握这些要点
2019/12/06 职场文书
Python WSGI 规范简介
2021/04/11 Python
JavaWeb 入门篇:创建Web项目,Idea配置tomcat
2021/07/16 Java/Android