firefox改html内容,Firefox中的jQuery html（）（使用.innerHTML）忽略DOM更改

Firefox没有更新的value 属性基于用户输入DOM对象的，只是它的value 性能 -相当快，工作的周边存在。

DOM：

function DisplayTextBoxValue(){

var element = document.getElementById('textbox');

// set the attribute on the DOM Element by hand - will update the innerHTML

element.setAttribute('value', element.value);

alert(document.getElementById("container").innerHTML);

return false;

}

.formhtml()自动执行此操作的jQuery插件：

(function($) {

var oldHTML = $.fn.html;

$.fn.formhtml = function() {

if (arguments.length) return oldHTML.apply(this,arguments);

$("input,button", this).each(function() {

this.setAttribute('value',this.value);

});

$("textarea", this).each(function() {

// updated - thanks Raja & Dr. Fred!

$(this).text(this.value);

});

$("input:radio,input:checkbox", this).each(function() {

// im not really even sure you need to do this for "checked"

// but what the heck, better safe than sorry

if (this.checked) this.setAttribute('checked', 'checked');

else this.removeAttribute('checked');

});

$("option", this).each(function() {

// also not sure, but, better safe...

if (this.selected) this.setAttribute('selected', 'selected');

else this.removeAttribute('selected');

});

return oldHTML.apply(this);

};

//optional to override real .html() if you want

// $.fn.html = $.fn.formhtml;

})(jQuery);