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 相关文章推荐
javascript之ESC(第二类混淆)
May 06 Javascript
Prototype源码浅析 Number部分
Jan 16 Javascript
Extjs中通过Tree加载右侧TabPanel具体实现
May 05 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
Sep 29 Javascript
JS对象与json字符串格式转换实例
Oct 28 Javascript
js面向对象之静态方法和静态属性实例分析
Jan 10 Javascript
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
Aug 31 Javascript
webpack多入口多出口的实现方法
Aug 17 Javascript
bootstrap中的导航条实例代码详解
May 20 Javascript
JS对象属性的检测与获取操作实例分析
Mar 17 Javascript
javascript设计模式 ? 简单工厂模式原理与应用实例分析
Apr 09 Javascript
vue调用本地摄像头实现拍照功能
Aug 14 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定时执行任务设置详解
2015/02/06 PHP
带你了解PHP7 性能翻倍的关键
2015/11/19 PHP
微信公众号开发客服接口实例代码
2016/10/21 PHP
如何让div span等元素能响应键盘事件操作指南
2012/11/13 Javascript
javascript的parseFloat()方法精度问题探讨
2013/11/26 Javascript
Javascript Object 对象学习笔记
2014/12/17 Javascript
使用jQuery简单实现模拟浏览器搜索功能
2014/12/21 Javascript
MVVM模式中ViewModel和View、Model有什么区别?
2015/06/19 Javascript
jquery validate表单验证插件
2016/09/06 Javascript
关于验证码在IE中不刷新的快速解决方法
2016/09/23 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
2016/12/08 Javascript
Vue.JS项目中5个经典Vuex插件
2017/11/28 Javascript
Bootstrap Table实现定时刷新数据的方法
2018/08/13 Javascript
vue项目搭建以及全家桶的使用详细教程(小结)
2018/12/19 Javascript
javascript数组去重方法总结(推荐)
2019/03/20 Javascript
Angular请求防抖处理第一次请求失效问题
2019/05/17 Javascript
Vue分页插件的前后端配置与使用
2019/10/09 Javascript
[04:26]DOTA2上海特锦赛小组赛第二日 TOP10精彩集锦
2016/02/27 DOTA
Python记录详细调用堆栈日志的方法
2015/05/05 Python
Django实现WebSSH操作物理机或虚拟机的方法
2019/11/06 Python
python 图像的离散傅立叶变换实例
2020/01/02 Python
django 将自带的数据库sqlite3改成mysql实例
2020/07/09 Python
python 提高开发效率的5个小技巧
2020/10/19 Python
解决pytorch下出现multi-target not supported at的一种可能原因
2021/02/06 Python
canvas因为图片资源不在同一域名下而导致的跨域污染画布的解决办法
2019/01/18 HTML / CSS
泰国综合购物网站:Lazada泰国
2018/04/09 全球购物
在购买印度民族服饰:Soch
2020/09/15 全球购物
如何编写优秀的食品项目创业计划书
2014/01/23 职场文书
职业生涯规划书结束语
2014/04/15 职场文书
关于青春的演讲稿
2014/05/05 职场文书
商超业务员岗位职责
2015/02/13 职场文书
毕业生入职感言
2015/07/31 职场文书
家属联谊会致辞
2015/07/31 职场文书
2016年企业安全生产月活动总结
2016/04/06 职场文书
CSS3点击按钮圆形进度打钩效果的实现代码
2021/03/30 HTML / CSS
基于Redis结合SpringBoot的秒杀案例详解
2021/10/05 Redis