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 相关文章推荐
JavaScript DOM学习第八章 表单错误提示
Feb 19 Javascript
JavaScript中的标签语句用法分析
Feb 10 Javascript
JavaScript实现SHA-1加密算法的方法
Mar 11 Javascript
JS中prototype的用法实例分析
Mar 19 Javascript
JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
Dec 14 Javascript
深入理解JavaScript程序中内存泄漏
Mar 17 Javascript
react开发教程之React 组件之间的通信方式
Aug 12 Javascript
javaScript canvas实现(画笔大小 颜色 橡皮的实例)
Nov 28 Javascript
vue单页面应用打开新窗口显示跳转页面的实例
Sep 21 Javascript
在Vue中实现随hash改变响应菜单高亮
Mar 09 Javascript
npm全局环境变量配置详解
Dec 15 Javascript
利用node.js开发cli的完整步骤
Dec 29 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
smarty 原来也不过如此~~呵呵
2006/11/25 PHP
一个简单的php实现的MySQL数据浏览器
2007/03/11 PHP
PHP变量的定义、可变变量、变量引用、销毁方法
2013/12/20 PHP
PHP的switch判断语句的“高级”用法详解
2014/10/01 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
用jQuery实现检测浏览器及版本的脚本代码
2008/01/22 Javascript
jQuery 获取浏览器所在的IP地址的小例子
2013/11/08 Javascript
js实现照片墙功能实例
2015/02/05 Javascript
javascript中arguments,callee,caller详解
2016/03/16 Javascript
jQuery Ajax 全局调用封装实例代码详解
2016/06/02 Javascript
第二篇Bootstrap起步
2016/06/21 Javascript
微信小程序 rpx 尺寸单位详细介绍
2016/10/13 Javascript
详解Node.js实现301、302重定向服务
2017/04/07 Javascript
JavaScript数据结构之二叉树的遍历算法示例
2017/04/13 Javascript
js生成word中图片处理方法
2018/01/06 Javascript
js html实现计算器功能
2018/11/13 Javascript
浅析Python中的多进程与多线程的使用
2015/04/07 Python
在Django的URLconf中使用多个视图前缀的方法
2015/07/18 Python
Python异常对代码运行性能的影响实例解析
2018/02/08 Python
Python网页正文转换语音文件的操作方法
2018/12/09 Python
Python实现E-Mail收集插件实例教程
2019/02/06 Python
使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件及出现问题解决方法
2019/09/06 Python
python将数组n等分的实例
2019/12/02 Python
Python如何将函数值赋给变量
2020/04/28 Python
CSS3中的display:grid,网格布局介绍
2019/10/30 HTML / CSS
锐步英国官网:Reebok英国
2019/11/29 全球购物
幼儿园长自我鉴定
2013/10/17 职场文书
思想汇报格式
2014/01/05 职场文书
七年级上册语文教学计划
2015/01/22 职场文书
体育教师个人工作总结
2015/02/09 职场文书
幼儿园教师读书笔记
2015/06/29 职场文书
2016优秀班主任个人先进事迹材料
2016/02/26 职场文书
Nginx tp3.2.3 404问题解决方案
2021/03/31 Servers
一文搞懂Golang 时间和日期相关函数
2021/12/06 Golang
Win11快速关闭所有广告推荐
2022/04/19 数码科技
多线程Spring通过@Scheduled实现定时任务
2022/05/25 Java/Android