获取表单控件原始(初始)值的方法


Posted in Javascript onAugust 21, 2013
var saveObject = {};//保存变更的值 
function saveThisData(obj,type){//产生变更的数据会在右侧显示原值 
var defaultValue,newValue,key,displayValue; 
var defaultValueDisplayFont; 
switch (type) { 
case 'select'://Ext下拉框 
defaultValue=obj.originalValue.split(']')[0].substring(1); 
newValue=obj.value; 
key=obj.id; 
defaultValueDisplayFont=obj.container.dom.getElementsByTagName("font")[0]; 
displayValue=obj.originalValue.substring(defaultValue.length+2);//去除括号及代码 
break; 
case 'check'://复选框 
key=obj.name; 
defaultValueDisplayFont=obj.parentElement.getElementsByTagName("font")[0]; 
defaultValue=obj.defaultChecked; 
if(defaultValue){ 
displayValue='是'; 
}else{ 
displayValue='否'; 
} 
if(obj.checked){ 
newValue=1; 
}else{ 
newValue=0; 
} 
break; 
case 'rq'://Ext日期对象 
key=obj.name; 
defaultValueDisplayFont=obj.parentElement.parentElement.getElementsByTagName("font")[0]; 
defaultValue=obj.defaultValue; 
newValue=obj.value; 
displayValue=defaultValue; 
break; 
case 'enum'://Ext封装的枚举下拉框对象 
key=obj.id; 
defaultValue=obj.startValue; 
newValue=obj.value; 
displayValue=obj.originalValue; 
defaultValueDisplayFont=obj.container.dom.getElementsByTagName("font")[0]; 
break; 
default: 
if(arguments[2]!=null){//年月控件 
var monthFieldid=obj.container.dom.id.split("_")[1]; 
key=monthFieldid; 
defaultValue=Ext.getDom('sccjgzny').defaultValue; 
newValue=Ext.getDom('sccjgzny').value; 
var yy=defaultValue.substring(0,7); 
displayValue=yy.replace('-','年')+'月'; 
defaultValueDisplayFont=Epx.get(monthFieldid).container.dom.getElementsByTagName("font")[0]; 
} 
else{ 
key=obj.name; 
defaultValueDisplayFont=obj.parentElement.getElementsByTagName("font")[0]; 
defaultValue=obj.defaultValue; 
newValue=obj.value; 
displayValue=defaultValue; 
} 
break; 
} 
saveObject[key] = newValue; 
if(defaultValue != newValue){ 
if(defaultValue=='' && type != 'check'){ 
defaultValueDisplayFont.innerHTML="    "; 
}else{ 
defaultValueDisplayFont.innerHTML=displayValue; 
} 
} else { 
defaultValueDisplayFont.innerHTML=''; 
delete saveObject[key]; 
} 
}

效果图:
获取表单控件原始(初始)值的方法
Javascript 相关文章推荐
使用TextRange获取输入框中光标的位置的代码
Mar 08 Javascript
Javascript 获取字符串字节数的多种方法
Jun 02 Javascript
js实现上传图片之上传前预览图片
Mar 25 Javascript
Jquery树插件zTree用法入门教程
Feb 17 Javascript
《JavaScript函数式编程》读后感
Aug 07 Javascript
纯js实现悬浮按钮组件
Dec 17 Javascript
jQuery设置和获取select、checkbox、radio的选中值方法
Jan 01 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
Feb 14 Javascript
微信小程序中上传图片并进行压缩的实现代码
Aug 28 Javascript
jQuery Datatables 动态列+跨列合并实现代码
Jan 30 jQuery
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
May 19 jQuery
JavaScript中展开运算符及应用的实例代码
Jan 14 Javascript
Js放到HTML文件中的哪个位置有什么区别
Aug 21 #Javascript
使用jQuery避免鼠标双击的解决方案
Aug 21 #Javascript
jquery ready(fn)事件使用介绍
Aug 21 #Javascript
javaScript面向对象继承方法经典实现
Aug 20 #Javascript
Table冻结表头示例代码
Aug 20 #Javascript
JQuery判断子iframe何时加载完成解决方案
Aug 20 #Javascript
jQuery回车实现登录简单实现
Aug 20 #Javascript
You might like
日本收入最高的漫画家:海贼王作者版税年收入高达8.45亿元
2020/03/04 日漫
谨慎使用PHP的引用原因分析
2012/09/06 PHP
关于mysql字符集设置了character_set_client=binary 在gbk情况下会出现表描述是乱码的情况
2013/01/06 PHP
php实现httpRequest的方法
2015/03/13 PHP
微信公众号开发之文本消息自动回复php代码
2016/08/08 PHP
PHP基于PDO实现的SQLite操作类【包含增删改查及事务等操作】
2017/06/21 PHP
PHP使用递归按层级查找数据的方法
2019/11/10 PHP
Laravel jwt 多表(多用户端)验证隔离的实现
2019/12/18 PHP
JavaScript 创建运动框架的实现代码
2013/05/08 Javascript
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
2013/11/12 Javascript
javascript实现获取服务器时间
2015/05/19 Javascript
基于jquery实现复选框全选,反选,全不选等功能
2015/10/16 Javascript
CentOS 安装NodeJS V8.0.0的方法
2017/06/15 NodeJs
vue.js学习之vue-cli定制脚手架详解
2017/07/02 Javascript
使用async await 封装 axios的方法
2018/07/09 Javascript
详解关于vue2.0工程发布上线操作步骤
2018/09/27 Javascript
解决python3中自定义wsgi函数,make_server函数报错的问题
2017/11/21 Python
Django框架搭建的简易图书信息网站案例
2019/05/25 Python
class类在python中获取金融数据的实例方法
2020/12/10 Python
一家专门做特卖的网站:唯品会
2016/10/09 全球购物
Omio西班牙:全欧洲低价大巴、火车和航班搜索和比价
2017/02/11 全球购物
Nicole Miller官方网站:纽约女装品牌
2019/09/14 全球购物
高三历史教学反思
2014/01/09 职场文书
石油大学毕业生自荐信
2014/01/28 职场文书
大学生社会实践自我鉴定
2014/03/24 职场文书
诚信的演讲稿范文
2014/05/12 职场文书
孝敬父母的演讲稿
2014/05/14 职场文书
银行求职自荐信
2014/06/30 职场文书
领导党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
2014年环保工作总结
2014/11/26 职场文书
优秀教研组申报材料
2014/12/26 职场文书
酒店优秀员工推荐信
2015/03/24 职场文书
2015年幼师个人工作总结
2015/10/15 职场文书
Python网络编程之ZeroMQ知识总结
2021/04/25 Python
python图像处理基本操作总结(PIL库、Matplotlib及Numpy)
2021/06/08 Python
Python Pygame实战在打砖块游戏的实现
2022/03/17 Python