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简单的弹出框有关闭按钮
May 05 Javascript
node.js中的console.error方法使用说明
Dec 10 Javascript
jQuery实现的图片分组切换焦点图插件
Jan 06 Javascript
简述JavaScript中正则表达式的使用方法
Jun 15 Javascript
JS构造函数与原型prototype的区别介绍
Jul 04 Javascript
在vscode中统一vue编码风格的方法
Feb 22 Javascript
vue的mixins属性详解
Mar 14 Javascript
小程序云开发实战小结
Oct 25 Javascript
js的继承方法小结(prototype、call、apply)(推荐)
Apr 17 Javascript
利用Vue实现一个markdown编辑器实例代码
May 19 Javascript
Vue数字输入框组件示例代码详解
Jan 15 Javascript
vue中的.$mount('#app')手动挂载操作
Sep 02 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实现的带超时功能get_headers函数
2015/02/10 PHP
正确的PHP匹配UTF-8中文的正则表达式
2015/05/13 PHP
PhpStorm本地断点调试的方法步骤
2018/05/21 PHP
PHP7.3.10编译安装教程
2019/10/08 PHP
jQuery 获取对象 定位子对象
2010/05/31 Javascript
十个迅速提升JQuery性能让你的JQuery跑得更快
2012/12/10 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
2013/01/25 Javascript
为指定的元素添加遮罩层的示例代码
2014/01/15 Javascript
AngularJS基础知识
2014/12/21 Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
2016/09/09 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
2016/12/03 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
2016/12/25 Javascript
jQuery菜单实例(全选,反选,取消)
2017/08/28 jQuery
浅谈Vue.js中的v-on(事件处理)
2017/09/05 Javascript
JavaScript实现随机数生成器(去重)
2017/10/13 Javascript
微信小程序项目实践之九宫格实现及item跳转功能
2018/07/19 Javascript
详解vue-cli脚手架中webpack配置方法
2018/08/22 Javascript
Vue中使用ElementUI使用第三方图标库iconfont的示例
2018/10/11 Javascript
详解JavaScript 的变量
2019/03/08 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
2019/05/02 Javascript
Python用UUID库生成唯一ID的方法示例
2016/12/15 Python
Python理解递归的方法总结
2019/01/28 Python
Django框架模型简单介绍与使用分析
2019/07/18 Python
使用Python 自动生成 Word 文档的教程
2020/02/13 Python
python 利用matplotlib在3D空间中绘制平面的案例
2021/02/06 Python
时尚的CSS3进度条效果
2012/02/22 HTML / CSS
H5 video poster属性设置视频封面的方法
2020/05/25 HTML / CSS
泰国折扣酒店预订:Hotels2Thailand
2018/03/20 全球购物
开办大学饮食联盟创业计划书
2014/01/29 职场文书
创新型城市实施方案
2014/03/06 职场文书
如何写好自荐信
2014/04/07 职场文书
学校地质灾害防治方案
2014/06/10 职场文书
师范生求职自荐信
2014/06/14 职场文书
财务负责人岗位职责
2015/02/03 职场文书
小学美术教学反思
2016/02/17 职场文书
PHP基本语法
2021/03/31 PHP