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


Posted in Javascript onMarch 05, 2010

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);
Javascript 相关文章推荐
Mac地址验证的javascript代码
Nov 09 Javascript
同域jQuery(跨)iframe操作DOM(实例讲解)
Dec 19 Javascript
node.js WEB开发中图片验证码的实现方法
Jun 03 Javascript
JS判断浏览器是否支持某一个CSS3属性的方法
Oct 17 Javascript
javascript简单实现图片预加载
Dec 03 Javascript
JS button按钮实现submit按钮提交效果
Nov 01 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
Dec 25 Javascript
20行JS代码实现网页刮刮乐效果
Jun 23 Javascript
JavaScript循环_动力节点Java学院整理
Jun 28 Javascript
JS加密插件CryptoJS实现AES加密操作示例
Aug 16 Javascript
解决微信小程序中转换时间格式IOS不兼容的问题
Feb 15 Javascript
vue 修改 data 数据问题并实时显示操作
Sep 07 Javascript
Jquery Validation插件防止重复提交表单的解决方法
Mar 05 #Javascript
javascript下判断一个元素是否存在的代码
Mar 05 #Javascript
ExtJs扩展之GroupPropertyGrid代码
Mar 05 #Javascript
js 获取服务器控件值的代码
Mar 05 #Javascript
jquery checkbox全选、取消全选实现代码
Mar 05 #Javascript
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
Mar 05 #Javascript
ExtJS 工具栏 分页事件参数
Mar 05 #Javascript
You might like
PHP批量删除、清除UTF-8文件BOM头的代码实例
2014/04/14 PHP
PHP利用func_get_args和func_num_args函数实现函数重载实例
2014/11/12 PHP
PHPStrom 新建FTP项目以及在线操作教程
2016/10/16 PHP
枚举JavaScript对象的函数
2006/12/22 Javascript
JavaScript 类似flash效果的立体图片浏览器
2010/02/08 Javascript
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
拖动布局之保存布局页面cookies篇
2010/10/29 Javascript
Node.js实战 建立简单的Web服务器
2012/03/08 Javascript
jquery div 居中技巧应用介绍
2012/11/24 Javascript
jQuery提交多个表单的小例子
2013/06/30 Javascript
jquery 利用show和hidden实现级联菜单示例代码
2013/08/09 Javascript
javascript使用isNaN()函数判断变量是否为数字
2013/09/21 Javascript
JS.getTextContent(element,preformatted)使用介绍
2013/09/21 Javascript
正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
2013/11/26 Javascript
jquery获取radio值实例
2014/10/16 Javascript
JS获取文件大小方法小结
2015/12/08 Javascript
JS将unicode码转中文方法
2017/05/08 Javascript
解决ionic和angular上拉加载的问题
2017/08/03 Javascript
php中and 和 &&出坑指南
2018/07/13 Javascript
微信小程序实现折叠展开效果
2018/07/19 Javascript
javascript 关于赋值、浅拷贝、深拷贝的个人理解
2019/11/01 Javascript
浅析Python中signal包的使用
2015/11/13 Python
python-itchat 获取微信群用户信息的实例
2019/02/21 Python
python tkinter实现屏保程序
2019/07/30 Python
pandas的相关系数与协方差实例
2019/12/27 Python
Perfume’s Club意大利官网:欧洲美妆电商
2019/05/03 全球购物
Java程序员常见面试题
2015/07/16 面试题
技校毕业生的自我评价
2013/12/27 职场文书
《学会合作》教学反思
2014/04/12 职场文书
慰问敬老院活动总结
2014/04/26 职场文书
四查四看自我剖析材料
2014/09/19 职场文书
2014年实习班主任工作总结
2014/11/08 职场文书
2014年发展党员工作总结
2014/11/12 职场文书
销售业务员岗位职责
2015/02/13 职场文书
Android自定义双向滑动控件
2022/04/19 Java/Android
USB TYPE-C 或将成为所有智能手机充电标准
2022/04/21 数码科技