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


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 写的个性导航菜单
Dec 24 Javascript
Bookmarklet实现启动jQuery(模仿 云输入法)
Sep 15 Javascript
如何实现textarea里的不同文本显示不同颜色
Jan 20 Javascript
js实现StringBuffer的简单实例
Sep 02 Javascript
AngularJS中如何使用echart插件示例详解
Oct 26 Javascript
详解A标签中href=""的几种用法
Aug 20 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
Dec 05 Javascript
vue2.0 和 animate.css的结合使用
Dec 12 Javascript
AngularJS实现动态切换样式的方法分析
Jun 26 Javascript
webpack3里使用uglifyjs压缩js时打包报错的解决
Dec 13 Javascript
Vue自定义属性实例分析
Feb 23 Javascript
浅析 Vue 3.0 的组装式 API(一)
Aug 31 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 stream_context_create()作用和用法分析
2011/03/29 PHP
php读取mysql中文数据出现乱码的解决方法
2013/08/16 PHP
php根据年月获取季度的方法
2014/03/31 PHP
php调用nginx的mod_zip模块打包ZIP文件
2014/06/11 PHP
PHP获取当前所在目录位置的方法
2014/11/26 PHP
PHP mysqli事务操作常用方法分析
2017/07/22 PHP
javascript动态添加、修改、删除对象的属性与方法详解
2014/01/27 Javascript
js图片模糊切换显示特效的方法
2015/02/17 Javascript
javascript实现ecshop搜索框键盘上下键切换控制
2015/03/18 Javascript
BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)
2016/07/07 Javascript
jQuery实现的自定义滚动条实例详解
2016/09/20 Javascript
JavaScript学习总结之正则的元字符和一些简单的应用
2017/06/30 Javascript
JavaScript中数组常见操作技巧
2017/09/01 Javascript
React注册倒计时功能的实现
2018/09/06 Javascript
js实现unicode码字符串与utf8字节数据互转详解
2019/03/21 Javascript
nodejs中的异步编程知识点详解
2021/01/17 NodeJs
Python字符编码与函数的基本使用方法
2017/09/30 Python
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
Pandas读取并修改excel的示例代码
2019/02/17 Python
python中的数据结构比较
2019/05/13 Python
详解Python中的测试工具
2019/06/09 Python
Django在Model保存前记录日志实例
2020/05/14 Python
Pycharm github配置实现过程图解
2020/10/13 Python
Python+Appium实现自动化清理微信僵尸好友的方法
2021/02/04 Python
美国时尚假发购物网站:Wigsbuy
2019/04/06 全球购物
网友共享的几个面试题关于Java和Unix等方面的
2016/09/08 面试题
Java中采用什么结构来捕获、处理异常?各子句的顺序、功能如何
2013/10/07 面试题
技能比赛获奖感言
2014/02/14 职场文书
公证委托书大全
2014/04/04 职场文书
安全协议书范本
2014/04/21 职场文书
大学生应聘导游自荐信
2014/06/02 职场文书
企业人事任命书
2014/06/05 职场文书
借名购房协议书范本
2014/10/06 职场文书
起诉书格式范文
2015/05/20 职场文书
2019年最新七夕唯美祝福语(60条)
2019/07/22 职场文书
浅谈react useEffect闭包的坑
2021/06/08 Javascript