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 相关文章推荐
基于jQuery中对数组进行操作的方法
Apr 16 Javascript
LABjs、RequireJS、SeaJS的区别
Mar 04 Javascript
关于JavaScript和jQuery的类型判断详解
Oct 08 Javascript
使用Node.js给图片加水印的方法
Nov 15 Javascript
浅谈javascript中的 “ && ” 和 “ || ”
Feb 02 Javascript
vue.js中指令Directives详解
Mar 20 Javascript
ES6实现的遍历目录函数示例
Apr 07 Javascript
bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法
May 25 Javascript
JS抛物线动画实例制作
Feb 24 Javascript
详解Vue 动态组件与全局事件绑定总结
Nov 11 Javascript
通过实例了解JS执行上下文运行原理
Jun 17 Javascript
在vue中实现禁止回退上一步,路由不存历史记录
Jul 22 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桌面中心(二) 数据库写入
2007/03/11 PHP
php实现简单的上传进度条
2015/11/17 PHP
ThinkPHP框架实现的MySQL数据库备份功能示例
2018/05/24 PHP
php日志函数error_log用法实例分析
2019/09/23 PHP
JavaScript匿名函数用法分析
2015/02/13 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
2015/02/13 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
2015/03/14 Javascript
JavaScript常用标签和方法总结
2015/09/01 Javascript
浅谈JavaScript 浏览器对象
2016/06/03 Javascript
vue.js学习之递归组件
2016/12/13 Javascript
angular实现form验证实例代码
2017/01/17 Javascript
Javascript中类式继承和原型式继承的实现方法和区别之处
2017/04/25 Javascript
vue与vue-i18n结合实现后台数据的多语言切换方法
2018/03/08 Javascript
微信小程序scroll-x失效的完美解决方法
2018/07/18 Javascript
详解ES6 CLASS在微信小程序中的应用实例
2020/04/24 Javascript
Python类的定义、继承及类对象使用方法简明教程
2015/05/08 Python
window下eclipse安装python插件教程
2017/04/24 Python
Django实现的自定义访问日志模块示例
2017/06/23 Python
Django模板变量如何传递给外部js调用的方法小结
2017/07/24 Python
Python3 适合初学者学习的银行账户登录系统实例
2017/08/08 Python
python爬取个性签名的方法
2018/06/17 Python
详解基于django实现的webssh简单例子
2018/07/17 Python
对python中数组的del,remove,pop区别详解
2018/11/07 Python
Python二叉树的镜像转换实现方法示例
2019/03/06 Python
python ChainMap 合并字典的实现步骤
2019/06/11 Python
Python获取时间戳代码实例
2019/09/24 Python
台湾网购生鲜第一品牌:i3Fresh爱上新鲜
2017/10/26 全球购物
移动通信行业实习自我鉴定
2013/09/28 职场文书
某同学的自我鉴定范文
2013/12/26 职场文书
《最大的麦穗》教学反思
2014/04/17 职场文书
物业公司的岗位任命书
2014/06/06 职场文书
教师群众路线剖析材料
2014/09/29 职场文书
安全员岗位职责
2015/02/10 职场文书
2015年小学生国庆节演讲稿
2015/07/30 职场文书
党员学习中国梦心得体会
2016/01/05 职场文书
vue实现简易音乐播放器
2022/08/14 Vue.js