jQuery html() in Firefox (uses .innerHTML) ignores DOM changes

更新時間：2010年03月05日 23:12:59 作者：

Firefox doesn't update the value attribute of a DOM object based on user input, just its valueproperty - pretty quick work around exists.

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; 
} 

jQuery plugin that makes .formhtml() automatically do this:

復制代碼代碼如下:

 
(function($) { 
var oldHTML = $.fn.html; 
$.fn.formhtml = function() { 
if (arguments.length) return oldHTML.apply(this,arguments); 
$("input,textarea,button", this).each(function() { 
this.setAttribute('value',this.value); 
}); 
$(":radio,: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); 

您可能感興趣的文章:

jQuery實現(xiàn)分隔條左右拖動功能
這篇文章主要介紹了jQuery實現(xiàn)分隔條左右拖動功能，需要的朋友可以參考下
2015-11-11
基于jQuery實現(xiàn)仿百度首頁選項卡切換效果
這篇文章主要介紹了基于jQuery實現(xiàn)仿百度首頁選項卡切換效果的相關資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下
2016-05-05
基于jQuery試卷自動排版系統(tǒng)
jQuery試卷自動排版系統(tǒng)，需要的朋友可以參考下。
2010-07-07
jQuery實現(xiàn)磁力圖片跟隨效果完整示例
這篇文章主要介紹了jQuery實現(xiàn)磁力圖片跟隨效果,結合完整實例形式分析了jQuery事件響應及animate方法實現(xiàn)帶緩沖效果的圖片跟隨效果,需要的朋友可以參考下
2016-09-09
基于jquery的動態(tài)創(chuàng)建表格的插件
工作快一年了,最近學習jquery，對jquery很感興趣。第一次寫博客，有不足之處還請各位拍磚。
2011-04-04
jquery對象和DOM對象的區(qū)別介紹
jquery對象和DOM對象在使用過程很頻繁，正是因為如此，好多朋友都不知道它們之間有什么區(qū)別，下面為大家詳細介紹下，希望對大家有所幫助
2013-08-08
JQuery自定義模態(tài)框效果
這篇文章主要為大家詳細介紹了JQuery自定義模態(tài)框效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07
jQuery的bind()方法使用詳解
bind()定義和用法：bind() 方法向被選元素添加一個或多個事件處理程序，以及當事件發(fā)生時運行的函數(shù)。
2015-07-07
jQuery中hover方法和toggle方法使用指南
本文重點給大家介紹了jQuery中的2個函數(shù)hover和toggle的使用方法和示例，非常的簡單實用，推薦給小伙伴們參考下。
2015-02-02
JQuery組件基于Bootstrap的DropDownList（完整版）
這篇文章主要介紹了JQuery組件基于Bootstrap的DropDownList的完整版，在原有基礎上進行完善功能，感興趣的小伙伴們可以參考一下
2016-07-07