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 相关文章推荐
Firefox和IE浏览器兼容JS脚本写法小结
Jul 07 Javascript
js鼠标及对象坐标控制属性详细解析
Dec 14 Javascript
jquery实现图片翻页效果
Dec 23 Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
Jan 09 Javascript
DOM操作一些常用的属性汇总
Mar 13 Javascript
详解angularJs中自定义directive的数据交互
Jan 13 Javascript
JavaScript的六种继承方式(推荐)
Jun 26 Javascript
微信小程序滚动Tab实现左右可滑动切换
Aug 17 Javascript
vue 粒子特效的示例代码
Sep 19 Javascript
angular1配合gulp和bower的使用教程
Jan 19 Javascript
js数组去重的N种方法(小结)
Jun 07 Javascript
Vue CL3 配置路径别名详解
May 30 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
Ajax和PHP正则表达式验证表单及验证码
2016/09/24 PHP
php实现的统计字数函数定义与使用示例
2017/07/26 PHP
js玩一玩WSH吧
2007/02/23 Javascript
各情景下元素宽高的获取实现代码
2011/09/13 Javascript
JS格式化数字金额用逗号隔开保留两位小数
2013/10/18 Javascript
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
2014/06/05 Javascript
javascript中indexOf技术详解
2015/05/07 Javascript
微信企业号开发之微信考勤Cookies的使用
2015/09/11 Javascript
使用JQuery FancyBox插件实现图片展示特效
2015/11/16 Javascript
详解AngularJS中module模块的导入导出
2015/12/10 Javascript
php基于redis处理session的方法
2016/03/14 Javascript
JQuery用户名校验的具体实现
2016/03/18 Javascript
Jquery ajax请求导出Excel表格的实现代码
2016/06/08 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
swiper自定义分页器使用方法详解
2020/09/14 Javascript
angular2 ng2-file-upload上传示例代码
2018/08/23 Javascript
vue.js中toast用法及使用toast弹框的实例代码
2018/08/27 Javascript
AngularJS 事件发布机制
2018/08/28 Javascript
解决angularjs service中依赖注入$scope报错的问题
2018/10/02 Javascript
TypeScript中使用getElementXXX()的示例代码
2019/09/12 Javascript
js实现适配移动端的拖动效果
2020/01/13 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
2020/03/10 Javascript
Python获取本机所有网卡ip,掩码和广播地址实例代码
2018/01/22 Python
Python元组及文件核心对象类型详解
2018/02/11 Python
Django中Model的使用方法教程
2018/03/07 Python
Python设计模式之组合模式原理与用法实例分析
2019/01/11 Python
Python %r和%s区别代码实例解析
2020/04/03 Python
python复合条件下的字典排序
2020/12/18 Python
Ever New加拿大官网:彰显女性美
2018/10/05 全球购物
主治医师岗位职责
2013/12/10 职场文书
学生自我评价范文
2014/02/02 职场文书
开展创先争优活动总结
2014/08/28 职场文书
幼儿园教师节感谢信
2015/01/23 职场文书
教师节简报
2015/07/20 职场文书
numpy数据类型dtype转换实现
2021/04/24 Python
Meta增速拉垮,元宇宙难当重任
2022/04/29 数码科技