HTML value vs defaultValue

https://developer.mozilla.org/en/docs/Web/API/HTMLInputElement
http://stackoverflow.com/questions/11853666/html-method-wrong-when-input-value-has-changed
http://stackoverflow.com/questions/7095956/jquery-html-does-not-return-changed-values

这两天项目中碰到个问题：
用户输入某些数据(或通过jQuery.val()更新某些输入框的值)，点击保存后，需要临时缓存部分html，待页面刷新后再append到页面上。但是通过jQuery.html()方法获得的html，用户输入的数据丢失了(input, select等)。

HTMLInputElement有value和defaultValue两个属性；通过jQuery.val()方法(或是用户输入)只更改了value属性，而更改value是不会映射到html上的。所以通过jQuery.html()方法获取的是html的初始值。

解决方法：
由于defaultValue属性会映射到html上，所以将value属性设置给defaultValue即可。

/**
 * 设置form组件的默认值
 * @param $dom jQuery(form)对象
 */
function updateFormDefaultValue($dom){
    $dom.find('[type=text], textarea').each(function(){ this.defaultValue = this.value; });
    $dom.find('[type=checkbox], [type=radio]').each(function(){ this.defaultChecked = this.checked; });
    $dom.find('select option').each(function(){ this.defaultSelected = this.selected; });
}

---

通过jQuery.attr('value', someValue)方法也可以映射到html.