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 相关文章推荐
escape、encodeURI 和 encodeURIComponent 的区别
Mar 02 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
May 26 Javascript
JQuery EasyUI的使用
Feb 24 Javascript
jQuery实现div横向拖拽排序的简单实例
Jul 13 Javascript
js变量提升深入理解
Sep 16 Javascript
jQuery插件zTree实现删除树节点的方法示例
Mar 08 Javascript
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
Aug 04 jQuery
Vue.js 2.0和Cordova开发webApp环境搭建方法
Feb 26 Javascript
js正则相关知识点专题
May 10 Javascript
node.js部署之启动后台运行forever的方法
May 23 Javascript
微信小程序实现两个页面传值的方法分析
Dec 11 Javascript
微信小程序中插入激励视频广告并获取收益(实例代码)
Dec 06 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
基于pear auth实现登录验证
2010/02/26 PHP
Laravel中使用自己编写类库的3种方法
2015/02/10 PHP
PHP读取目录树的实现方法分析
2019/03/22 PHP
Raphael带文本标签可拖动的图形实现代码
2013/02/20 Javascript
Web跨浏览器进程通信(Web跨域)
2013/04/17 Javascript
推荐5 个常用的JavaScript调试技巧
2015/01/08 Javascript
在Node.js中使用HTTP上传文件的方法
2015/06/23 Javascript
js漂浮广告实现代码
2015/08/15 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
2016/11/09 Javascript
bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
2017/01/24 Javascript
vue.js或js实现中文A-Z排序的方法
2018/03/08 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
2018/07/10 Javascript
ES6 Array常用扩展的应用实例分析
2019/06/26 Javascript
python3.3实现乘法表示例
2014/02/07 Python
Python 列表list使用介绍
2014/11/30 Python
利用Python中的mock库对Python代码进行模拟测试
2015/04/16 Python
Python使用OpenCV进行标定
2018/05/08 Python
python  创建一个保留重复值的列表的补码
2018/10/15 Python
对python捕获ctrl+c手工中断程序的两种方法详解
2018/12/26 Python
为什么从Python 3.6开始字典有序并效率更高
2019/07/15 Python
基于Python爬取素材网站音频文件
2020/10/21 Python
python matplotlib工具栏源码探析二之添加、删除内置工具项的案例
2021/02/25 Python
html5音频_动力节点Java学院整理
2018/08/22 HTML / CSS
阻止移动设备(手机、pad)浏览器双击放大网页的方法
2014/06/03 HTML / CSS
Made in Design德国:设计师家具、灯具和装饰
2019/10/31 全球购物
Myprotein西班牙官网:欧洲第一大运动营养品牌
2020/02/24 全球购物
Vrbo英国:预订度假屋
2020/08/19 全球购物
一套比较完整的软件测试人员面试题
2012/05/13 面试题
函授毕业生自我鉴定范文
2014/03/25 职场文书
迎国庆横幅标语
2014/10/08 职场文书
酒店服务员岗位职责
2015/02/09 职场文书
专项资金申请报告
2015/05/15 职场文书
银行大堂经理培训心得体会
2016/01/09 职场文书
高中政治教师教学反思
2016/02/23 职场文书
2016道德模范先进事迹材料
2016/02/26 职场文书
浅析InnoDB索引结构
2021/04/05 MySQL