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+Ajax无刷新分页的实例代码
Feb 08 Javascript
javascript实现全角半角检测的方法
Jul 23 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
Dec 20 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
Jan 04 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
Aug 02 Javascript
详解vue项目首页加载速度优化
Oct 18 Javascript
javascript数组拍平方法总结
Jan 20 Javascript
Vue组件中prop属性使用说明实例代码详解
May 31 Javascript
基于js实现逐步显示文字输出代码实例
Apr 02 Javascript
利用原生JS实现欢乐水果机小游戏
Apr 23 Javascript
基于Vue全局组件与局部组件的区别说明
Aug 11 Javascript
JavaScript中遍历的十种方法总结
Dec 15 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
2个比较经典的PHP加密解密函数分享
2014/07/01 PHP
thinkphp实现like模糊查询实例
2014/10/29 PHP
Yii2框架RESTful API 格式化响应,授权认证和速率限制三部分详解
2016/11/10 PHP
Yii2框架实现登陆添加验证码功能示例
2018/07/12 PHP
JavaScript中继承的一些示例方法与属性参考
2010/08/07 Javascript
js 金额格式化来回转换示例
2014/02/23 Javascript
原生js和jQuery随意改变div属性style的名称和值
2014/10/22 Javascript
IE下JS保存图片的简单实例
2016/07/15 Javascript
jquery.cookie.js的介绍与使用方法
2017/02/09 Javascript
$.browser.msie 为空或不是对象问题的多种解决方法
2017/03/19 Javascript
解决jquery appaend元素中id绑定事件失效的问题
2017/09/12 jQuery
[原创]js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器
2018/02/14 Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
2018/06/01 Javascript
angular4应用中输入的最小值和最大值的方法
2019/05/17 Javascript
WEB前端性能优化的7大手段详解
2020/02/04 Javascript
vue v-model的用法解析
2020/10/19 Javascript
vue缓存之keep-alive的理解和应用详解
2020/11/02 Javascript
[15:09]DOTA2国际邀请赛采访专栏:Loda
2013/08/06 DOTA
python中使用OpenCV进行人脸检测的例子
2014/04/18 Python
python实现模拟按键,自动翻页看u17漫画
2015/03/17 Python
Python实现把回车符\r\n转换成\n
2015/04/23 Python
python实现可将字符转换成大写的tcp服务器实例
2015/04/29 Python
Python利用带权重随机数解决抽奖和游戏爆装备问题
2016/06/16 Python
windows系统下Python环境搭建教程
2017/03/28 Python
python中使用iterrows()对dataframe进行遍历的实例
2018/06/09 Python
Python通过for循环理解迭代器和生成器实例详解
2019/02/16 Python
python多继承(钻石继承)问题和解决方法简单示例
2019/10/21 Python
python GUI库图形界面开发之PyQt5控件QTableWidget详细使用方法与属性
2020/02/25 Python
Django 多对多字段的更新和插入数据实例
2020/03/31 Python
Python3+SQLAlchemy+Sqlite3实现ORM教程
2021/02/16 Python
CSS3轻松实现圆角效果
2017/11/09 HTML / CSS
外企测试工程师面试题
2015/02/01 面试题
市场营销专科应届生求职信
2013/11/24 职场文书
秋季运动会稿件
2014/01/30 职场文书
史上最牛辞职信
2015/05/13 职场文书
react 项目中引入图片的几种方式
2021/06/02 Javascript