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 相关文章推荐
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
Dec 28 Javascript
jquery利用ajax调用后台方法实例
Aug 23 Javascript
JS循环遍历JSON数据的方法
Jul 08 Javascript
javascript数组遍历for与for in区别详解
Dec 04 Javascript
浅谈jquery.fn.extend与jquery.extend区别
Jul 13 Javascript
BootStrap扔进Django里的方法详解
May 13 Javascript
es6新特性之 class 基本用法解析
May 05 Javascript
利用js将ajax获取到的后台数据动态加载至网页中的方法
Aug 08 Javascript
vuex存值与取值的实例
Nov 06 Javascript
微信小程序之滑动页面隐藏和显示组件功能的实现代码
Jun 19 Javascript
Canvas三种动态画圆实现方法说明(小结)
Apr 16 Javascript
Vue CLI中模式与环境变量的深入详解
May 30 Vue.js
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截断标题且兼容utf8和gb2312编码
2013/09/22 PHP
php函数与传递参数实例分析
2014/11/15 PHP
Zend Framework入门教程之Zend_Registry组件用法详解
2016/12/09 PHP
自制PHP框架之设计模式
2017/05/07 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
PHP设计模式(九)外观模式Facade实例详解【结构型】
2020/05/02 PHP
JQuery与Ajax常用代码实现对比
2009/10/03 Javascript
Js中的onblur和onfocus事件应用介绍
2013/08/27 Javascript
jquery制作搜狐快站页面效果示例分享
2014/02/21 Javascript
JavaScript操作Oracle数据库示例
2015/03/06 Javascript
JS获取月份最后天数、最大天数与某日周数的方法
2015/12/08 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
2015/12/18 Javascript
手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果
2016/08/25 Javascript
AngularJS入门教程之Helloworld示例
2016/12/25 Javascript
Vue 全局loading组件实例详解
2018/05/29 Javascript
详解webpack loader和plugin编写
2018/10/12 Javascript
详解关于React-Router4.0跳转不置顶解决方案
2019/05/10 Javascript
JS回调函数原理与用法详解【附PHP回调函数】
2019/07/20 Javascript
微信小程序indexOf的替换方法(推荐)
2020/01/14 Javascript
js+canvas实现简单扫雷小游戏
2021/01/22 Javascript
angular组件间传值测试的方法详解
2020/05/07 Javascript
[00:43]TI7不朽珍藏III——幽鬼不朽展示
2017/07/15 DOTA
Python实现身份证号码解析
2015/09/01 Python
python 截取 取出一部分的字符串方法
2017/03/01 Python
python set集合使用方法解析
2019/11/05 Python
基于pandas中expand的作用详解
2019/12/17 Python
Python实现点云投影到平面显示
2020/01/18 Python
精油和天然健康美容产品:Art Naturals
2018/01/27 全球购物
副乡长群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
辞职信如何写
2015/02/27 职场文书
python Polars库的使用简介
2021/04/21 Python
Python中zipfile压缩包模块的使用
2021/05/14 Python
SQL优化老出错,那是你没弄明白MySQL解释计划用法
2021/11/27 MySQL
Python机器学习应用之基于线性判别模型的分类篇详解
2022/01/18 Python
MySQL创建定时任务
2022/01/22 MySQL
Java9新特性对HTTP2协议支持与非阻塞HTTP API
2022/03/16 Java/Android