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比较文档位置
Apr 08 Javascript
Jquery中显示隐藏的实现代码分析
Jul 26 Javascript
VBS通过WMI监视注册表变动的代码
Oct 27 Javascript
利用js读取动态网站从服务器端返回的数据
Feb 10 Javascript
无刷新预览所选择的图片示例代码
Apr 02 Javascript
JavaScript中对象property的删除方法介绍
Dec 30 Javascript
jQuery检查事件是否触发的方法
Jun 26 Javascript
浅析javascript中的Event事件
Dec 09 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
Aug 28 jQuery
详解express使用vue-router的history踩坑
Jun 05 Javascript
node.js中Buffer缓冲器的原理与使用方法分析
Nov 23 Javascript
swiper4实现移动端导航栏tab滑动切换
Oct 16 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+AJAX传送中文会导致乱码的问题的解决方法
2008/09/08 PHP
PHP排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
php版微信公众平台接口参数调试实现判断用户行为的方法
2016/09/23 PHP
PHP生成指定范围内的N个不重复的随机数
2019/03/18 PHP
学习jquery之一
2007/04/27 Javascript
利用javascript/jquery对上传文件格式过滤的方法
2009/07/25 Javascript
jquery1.4后 jqDrag 拖动 不可用
2010/02/06 Javascript
AngularJS入门教程之ng-checked 指令详解
2016/08/01 Javascript
jQuery实现可编辑表格并生成json结果(实例代码)
2017/07/19 jQuery
使用vs code开发Nodejs程序的使用方法
2017/09/21 NodeJs
vue 自定义 select内置组件
2018/04/10 Javascript
详解实现一个通用的“划词高亮”在线笔记功能
2019/04/23 Javascript
vue+web端仿微信网页版聊天室功能
2019/04/30 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
2019/11/05 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
2019/12/04 Javascript
Vue项目中使用flow做类型检测的方法
2020/03/18 Javascript
基于JQuery和DWR实现异步数据传递
2020/10/16 jQuery
[12:29]2018国际邀请赛 开幕秀
2018/08/22 DOTA
在Python中调用ggplot的三种方法
2015/04/08 Python
Python即时网络爬虫项目启动说明详解
2018/02/23 Python
Python实现的多进程拷贝文件并显示百分比功能示例
2019/04/09 Python
python3的url编码和解码,自定义gbk、utf-8的例子
2019/08/22 Python
Python打包工具PyInstaller的安装与pycharm配置支持PyInstaller详细方法
2020/02/27 Python
新手学python应该下哪个版本
2020/06/11 Python
canvas实现图片镜像翻转的2种方式
2020/07/22 HTML / CSS
夏威夷航空官网:Hawaiian Airlines
2016/09/11 全球购物
微博营销计划书
2014/01/10 职场文书
幼儿园中秋节活动方案
2014/02/06 职场文书
新教师工作感言
2014/02/16 职场文书
通信工程求职信
2014/07/16 职场文书
2015年医院科室工作总结范文
2015/05/26 职场文书
党员公开承诺书2016
2016/03/24 职场文书
抖音短视频(douyin)去水印工具的实现代码
2021/03/30 Javascript
单身狗福利?Python爬取某婚恋网征婚数据
2021/06/03 Python
解决mysql的int型主键自增问题
2021/07/15 MySQL
Vue中使用import进行路由懒加载的原理分析
2022/04/01 Vue.js