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 面向对象全新理练之继承与多态
Dec 03 Javascript
ie下$.getJSON出现问题的解决方法
Feb 12 Javascript
常用DOM整理
Jun 16 Javascript
jquery实现不包含当前项的选择器实例
Jun 25 Javascript
Extjs表单输入框异步校验的插件实现方法
Mar 20 Javascript
JavaScript实现获取远程的html到当前页面中
Mar 26 Javascript
layui弹出层效果实现代码
May 19 Javascript
在Vue中使用axios请求拦截的实现方法
Oct 25 Javascript
vue-router实现嵌套路由的讲解
Jan 19 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
Apr 10 Javascript
微信小程序如何加载数据库真实数据的实现
Mar 04 Javascript
vue使用echarts图表自适应的几种解决方案
Dec 04 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
广播爱好者需要了解的天线知识
2021/03/01 无线电
discuz7 phpMysql操作类
2009/06/21 PHP
php去除字符串换行符示例分享
2014/02/13 PHP
PHP用星号隐藏部份用户名、身份证、IP、手机号等实例
2014/04/08 PHP
php版微信开发之接收消息,自动判断及回复相应消息的方法
2016/09/23 PHP
PHP7新功能总结
2019/04/14 PHP
js点击更换背景颜色或图片的实例代码
2013/06/25 Javascript
js获取url中指定参数值的示例代码
2013/12/14 Javascript
Javascript之Number对象介绍
2016/06/07 Javascript
灵活使用数组制作图片切换js实现
2016/07/28 Javascript
javascript 日期相减-在线教程(附代码)
2017/08/17 Javascript
Vue+Mock.js模拟登录和表格的增删改查功能
2018/07/26 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
2018/08/22 Javascript
vue根据值给予不同class的实例
2018/09/29 Javascript
微信小程序实现折线图的示例代码
2019/06/07 Javascript
使用 UniApp 实现小程序的微信登录功能
2020/06/09 Javascript
vue中实现弹出层动画效果的示例代码
2020/09/25 Javascript
[40:27]完美世界DOTA2联赛PWL S3 PXG vs GXR 第一场 12.19
2020/12/24 DOTA
从源码解析Python的Flask框架中request对象的用法
2016/06/02 Python
在ubuntu16.04中将python3设置为默认的命令写法
2018/10/31 Python
用Python实现最速下降法求极值的方法
2019/07/10 Python
docker django无法访问redis容器的解决方法
2019/08/21 Python
python 动态调用函数实例解析
2019/10/21 Python
python爬虫添加请求头代码实例
2019/12/28 Python
Python tkinter实现简单加法计算器代码实例
2020/05/13 Python
完美解决jupyter由于无法import新包的问题
2020/05/26 Python
CSS3 filter(滤镜)实现网页灰色或者黑色模式的代码
2020/11/30 HTML / CSS
用HTML5制作一个简单的桌球游戏的教程
2015/05/12 HTML / CSS
迪拜航空官方网站:flydubai
2017/04/20 全球购物
杠杆的科学教学反思
2014/01/10 职场文书
2014年教师节寄语
2014/04/03 职场文书
一年级学生评语大全
2014/04/21 职场文书
物业管理委托协议(2篇)
2014/09/23 职场文书
中学教师个人总结
2015/02/10 职场文书
社区文明创建工作总结2015
2015/04/21 职场文书
spring cloud eureka 服务启动失败的原因分析及解决方法
2022/03/17 Java/Android