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 相关文章推荐
Flash对联广告的关闭按钮讨论
Jan 30 Javascript
获取服务器传来的数据 用JS去空格的正则表达式
Mar 26 Javascript
jquery判断元素的子元素是否存在的示例代码
Feb 04 Javascript
js实现图片旋转的三种方法
Apr 10 Javascript
jQuery+PHP打造滑动开关效果
Dec 16 Javascript
js实现精确到秒的日期选择器完整实例
Apr 30 Javascript
Google 地图控件集详解及实例代码
Aug 06 Javascript
基于jQuery的checkbox全选问题分析
Nov 18 Javascript
ajax与json 获取数据并在前台使用简单实例
Jan 19 Javascript
详解组件库的webpack构建速度优化
Jun 18 Javascript
Vuex 单状态库与多模块状态库详解
Dec 11 Javascript
layui时间控件选择时间范围的实现方法
Sep 28 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 深入理解strtotime函数的使用详解
2013/05/23 PHP
PHP Curl多线程原理实例详解
2013/11/06 PHP
PHP实现过滤各种HTML标签
2015/05/17 PHP
详解WordPress开发中get_header()获取头部函数的用法
2016/01/08 PHP
php下载文件,添加响应头的简单实例
2016/09/22 PHP
JavaScript对象模型-执行模型
2008/04/28 Javascript
web页面数据展示新想法(json)
2010/06/08 Javascript
javascript中使用css需要注意的地方小结
2010/09/01 Javascript
Ajax执行顺序流程及回调问题分析
2012/12/10 Javascript
为JS扩展Array.prototype.indexOf引发的问题探讨及解决
2013/04/24 Javascript
node.js中的http.response.removeHeader方法使用说明
2014/12/14 Javascript
jQuery插件jFade实现鼠标经过的图片高亮其它变暗
2015/03/14 Javascript
JS自定义选项卡函数及用法实例分析
2015/09/02 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
2016/07/04 Javascript
JS控制FileUpload的上传文件类型实例代码
2016/10/07 Javascript
JavaScript对象_动力节点Java学院整理
2017/06/23 Javascript
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
2017/08/10 Javascript
微信小程序中post方法与get方法的封装
2017/09/26 Javascript
Node.js log4js日志管理详解
2018/07/31 Javascript
JavaScript错误处理操作实例详解
2019/01/04 Javascript
浅入深出Vue之自动化路由
2019/08/06 Javascript
详解ES6 Promise的生命周期和创建
2019/08/18 Javascript
一起深入理解js中的事件对象
2021/02/06 Javascript
python集合类型用法分析
2015/04/08 Python
如何在Django中添加没有微秒的 DateTimeField 属性详解
2019/01/30 Python
python运用sklearn实现KNN分类算法
2019/10/16 Python
Django 简单实现分页与搜索功能的示例代码
2019/11/07 Python
Python语言异常处理测试过程解析
2020/01/08 Python
Python新手学习函数默认参数设置
2020/06/03 Python
NYX Professional Makeup官方网站:专业彩妆和美容产品
2019/10/29 全球购物
个人自我鉴定写法
2013/11/30 职场文书
运动会获奖感言
2014/02/11 职场文书
五年级学生评语
2014/04/22 职场文书
教师党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
卡特教练观后感
2015/06/08 职场文书
Python 用户输入和while循环的操作
2021/05/23 Python