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


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 相关文章推荐
jQuery学习7 操作JavaScript对象和集合的函数
Feb 07 Javascript
jquery禁用右键示例
Apr 28 Javascript
基于jquery实现鼠标左右拖动滑块滑动附源码下载
Dec 23 Javascript
微信小程序图表插件(wx-charts)实例代码
Jan 17 Javascript
jQuery实现获取h1-h6标题元素值的方法
Mar 06 Javascript
node文件批量重命名的方法示例
Oct 23 Javascript
JS实现获取进今年第几天是周几的方法分析
Jun 27 Javascript
jQuery实现获取form表单内容及绑定数据到form表单操作分析
Jul 03 jQuery
详解vue-cli官方脚手架配置
Jul 20 Javascript
jQuery+ThinkPHP实现图片上传
Jul 23 jQuery
使用Webpack 搭建 Vue3 开发环境过程详解
Jul 28 Javascript
JavaScript代码实现微博批量取消关注功能
Feb 05 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
php笔记之:数据类型与常量的使用分析
2013/05/14 PHP
php计算给定时间之前的函数用法实例
2015/04/03 PHP
php 输入输出流详解及示例代码
2016/08/25 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
js 代码优化点滴记录
2012/02/19 Javascript
Jquery post传递数组方法实现思路及代码
2013/04/28 Javascript
javascript模拟命名空间
2015/04/17 Javascript
jQuery+CSS实现的网页二级下滑菜单效果
2015/08/25 Javascript
JavaScript制作淘宝星级评分效果的思路
2020/06/23 Javascript
简单实现js间歇或无缝滚动效果
2016/06/29 Javascript
mvc中form表单提交的三种方式(推荐)
2016/08/10 Javascript
d3.js实现简单的网络拓扑图实例代码
2016/11/06 Javascript
移动端脚本框架Hammer.js
2016/12/15 Javascript
jsonp跨域请求详解
2017/07/13 Javascript
vue和webpack打包项目相对路径修改的方法
2018/06/15 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
2019/05/20 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
2019/06/05 Javascript
vue 虚拟DOM的原理
2020/10/03 Javascript
[01:19]2014DOTA2国际邀请赛 采访TITAN战队ohaiyo 能赢DK很幸运
2014/07/12 DOTA
python3.5安装python3-tk详解
2019/04/26 Python
Ubuntu下Anaconda和Pycharm配置方法详解
2019/06/14 Python
Python参数类型以及常见的坑详解
2019/07/08 Python
python join方法使用详解
2019/07/30 Python
python使用pygame实现笑脸乒乓球弹珠球游戏
2019/11/25 Python
Python 面向对象之类class和对象基本用法示例
2020/02/02 Python
Python 没有main函数的原因
2020/07/10 Python
html5 video标签屏蔽右键视频另存为的js代码
2013/11/12 HTML / CSS
HTML5图片预览实例分享
2014/06/04 HTML / CSS
Lookfantastic希腊官网:英国知名美妆购物网站
2018/09/15 全球购物
全球领先的中国制造商品在线批发平台:DHgate
2020/01/28 全球购物
用Python写一个for循环的例子
2016/07/19 面试题
演讲主持词
2014/03/18 职场文书
小学毕业寄语大全
2014/04/03 职场文书
如何让vue长列表快速加载
2021/03/29 Vue.js
Java实现斗地主之洗牌发牌
2021/06/14 Java/Android
python数字类型和占位符详情
2022/03/13 Python