关于inerHTML input value无效的问题

原来在IE下面,手改文本框的值,innerHTML是可以体现出来的,但IE9,EI10,之后就不会体现了.

因为在标准模式下,<input id="22" value="2">  同  aa.value是不一样的,一个算是attributes属性,一个是表单元素的JS属性,这个在早期的IE是通用的,可是w3c是不通用的

你修改了aa.value 不代表你的aa.attributes["value"]也改了,而innerHTML 只能输出attributes属性

所以,对于文件框来说,你要

 var teminputs= $("#consignConContent").find("input[type=text]");
            teminputs.each(function () {
                this.setAttribute("value",this.value);
            });

这还没完,如果是select 

  var temoption = $("#consignConContent").find("option");
            temoption.each(function () {
                if (this.selected) {
                    this.setAttribute("selected", this.selected);
                }
            });

select的option很奇怪,如果你给一个option赋值,会重置所有option的值,比如你给第一个option赋上selected=false,那其它的option也会重置成false,所以你只要赋值给选中的的option就行了

这还没完,下面是radio

  var temradio = $("#consignConContent").find("input[type=radio]");
            temradio.each(function () {
                if (this.checked) {
                    this.setAttribute("checked", this.checked);
                }
                else {
                    this.removeAttribute("checked");
                }
            });

radio 你必须清除没选中的项的checked属性,不能设置为false,因为你设置了checked,不管是true 还是 false,都是true,最后一个有效.