IE7中使用Jquery动态操作name问题

浏览数：43 / 时间：2015年06月09日

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