IE7中使用jQuery动态操作name问题解决办法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了IE7中使用jQuery动态操作name问题解决办法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2506字,纯文字阅读大概需要4分钟。
内容图文
IE7中无法使用Jquery动态操作页面元素的name属性,怎么解决这个问题呢?本文主要和大家分享,解决IE7中使用jQuery动态操作name问题,需要的朋友参考下吧,希望能帮助到大家。问题:IE7中无法使用Jquery动态操作页面元素的name属性。
在项目中有出现问题,某些客户的机器偶尔会有,后台取不到前台的数据值。
然开发和测试环境总是不能重现问题。坑爹之处就在于此,不能重现就不能调试,就不能知道改了后还会不会有这样的问题。
想想可能与客户环境唯一不同就只有可能是js缓存问题了,然后把所有的js文件引用的地方都加上一个当前时间参数,然问题依然存在。
本来规定的版本就是IE8,所以也没有想过会有版本兼容问题,在说了咱用的是jquery,jqeruy的出现不就是号称为了解决浏览器的兼容问题么。
该死了问题,还真实版本问题。因为某些页面需要用到IE8的兼容模式,然兼容模式其实就是像下兼容,那不就是兼容IE7 了么?
于是本地用demo测试了下。
<form id="form1" runat="server"> <p id="p"> <input id="input" name="1" value="123" /> </p> </form> <script src="jquery-1.6.4.min.js"></script> <script> $("#input").attr("name", "myname"); alert("name:" + $("#input").attr("name") + "***html:" + $("#p").html()); </script>
IE8:
ok!
IE8兼容模式:
??为什么 $("#input").attr("name")取到的是修改后的值,而$("#p").html() 取到的name还是原先的值??
F12查看生成的html
擦 submitName 是什么东东?明显name没有改变。submitName 应该是jquery生成的 然后读取name的时候 也是直接读取的submitName 的值。
那 为什么$("#p").html() 取的值中没有submitName 呢 ?? 我也不知道jquery中的html方法是怎么实现的~~
项目中的实现方式类似于:
<form id="form1" runat="server"> <p id="p"> <input id="input" name="1" value="123" type="text" /> </p> <p id="p2"> </p> </form> <script src="jquery-1.6.4.min.js"></script> <script> //alert("name:" + $("#input").attr("name") + "***html:" + $("#p").html()); $("#input").attr("name", "myname"); $("#p2").html($("#p").html()); var nameVal = $("#p2").find("input[name='myname']").val(); alert(nameVal); </script>
这样 在IE8和谷歌浏览器 取值正常,在IE8兼容模式却取不到值。【不要问为什么非要这么赋值取值,这是demo'类似于'的实现,且是一个框架】
解决方案:
1.直接用jquery修改name 然后访问name是ok的,虽然 中间是生成了submitName 。
2.可以先$("#p2").html($("#p").html()); 然后在修改.attr("name", "myname");
3.可以直接拼接html。 $("#p").html("<input id="input" name="myname" value="123" type="text" />")
最后百度了下,原来是 IE7不能用document.getElementsByName()访问js动态创建和修改后的name值。
相关推荐:
实例详解node.js用fs.rename强制重命名或移动文件夹
如何解决IE8浏览器下dom元素不区分name属性大小写问题
利用html的name属性获取dom元素
以上就是IE7中使用jQuery动态操作name问题解决办法的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的IE7中使用jQuery动态操作name问题解决办法全部内容,希望文章能够帮你解决IE7中使用jQuery动态操作name问题解决办法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。