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


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 相关文章推荐
js的正则test,match,exec详细解析
Jan 29 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
May 16 Javascript
JavaScript中的原型和继承详解(图文)
Jul 18 Javascript
JS实现图片放大镜效果的方法
Feb 27 Javascript
js实现动画特效的文字链接鼠标悬停提示的方法
Mar 02 Javascript
浅析js绑定事件的常用方法
May 15 Javascript
使用JQuery 加载页面时调用JS的实现方法
May 30 Javascript
基于Vue如何封装分页组件
Dec 16 Javascript
jQuery使用方法
Feb 04 Javascript
vue.js中Vue-router 2.0基础实践教程
May 08 Javascript
详解angularJs中关于ng-class的三种使用方式说明
Jun 02 Javascript
JS中Safari浏览器中的Date
Jul 17 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脚本的10个技巧(8)
2006/10/09 PHP
php mssql 数据库分页SQL语句
2008/12/16 PHP
php 阴历-农历-转换类代码
2012/01/16 PHP
解决yii2左侧菜单子级无法高亮问题的方法
2016/05/08 PHP
PHP调用API接口实现天气查询功能的示例
2017/09/21 PHP
ThinkPHP5 框架引入 Go AOP,PHP AOP编程项目详解
2020/05/12 PHP
js自执行函数的几种不同写法的比较
2012/08/16 Javascript
让你的博客飘雪花超出屏幕依然看得见
2013/01/04 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
2014/02/20 Javascript
Javascript实现单张图片浏览
2014/12/18 Javascript
深入理解Ajax的get和post请求
2016/06/02 Javascript
jQuery实现拖动剪裁图片作为头像
2016/12/28 Javascript
JavaScript实现开关等效果
2017/09/08 Javascript
浅谈react 同构之样式直出
2017/11/07 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
2017/12/20 Javascript
详解webpack3编译兼容IE8的正确姿势
2017/12/21 Javascript
解决vue打包项目后刷新404的问题
2018/03/06 Javascript
微信小程序网络请求实现过程解析
2019/11/06 Javascript
在vue中封装的弹窗组件使用队列模式实现方法
2020/07/23 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
2020/11/02 Javascript
[40:06]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第一场
2018/04/04 DOTA
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
快速了解Python中的装饰器
2018/01/11 Python
对pandas进行数据预处理的实例讲解
2018/04/20 Python
Python Unittest根据不同测试环境跳过用例的方法
2018/12/16 Python
浅谈python函数调用返回两个或多个变量的方法
2019/01/23 Python
python实现梯度法 python最速下降法
2020/03/24 Python
快速解决Django关闭Debug模式无法加载media图片与static静态文件
2020/04/07 Python
家长会演讲稿范文
2014/01/10 职场文书
职工运动会感言
2014/02/07 职场文书
汉语专业毕业生自荐信
2014/07/06 职场文书
会计专业自荐信范文
2015/03/05 职场文书
导游词之开封禹王台风景区
2019/12/02 职场文书
python基于机器学习预测股票交易信号
2021/05/25 Python
Python使用OpenCV和K-Means聚类对毕业照进行图像分割
2021/06/11 Python
Go语言基础map用法及示例详解
2021/11/17 Golang