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


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 相关文章推荐
select组合框option的捕捉实例代码
Sep 30 Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
Apr 01 Javascript
使用Math.floor与Math.random取随机整数的方法详解
May 07 Javascript
JavaScript中的运算符种类及其规则介绍
Sep 26 Javascript
jQuery实现视频作为全屏幕背景
Dec 18 Javascript
浅谈javascript原型链与继承
Jul 13 Javascript
js闭包学习心得总结
Apr 17 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
May 31 Javascript
详解如何在Vue里建立长按指令
Aug 20 Javascript
koa-router源码学习小结
Sep 07 Javascript
解决layui弹出层layer的area过大被遮挡的问题
Sep 21 Javascript
JS实现简单tab选项卡切换
Oct 25 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自动识别当前使用移动终端
2018/05/21 PHP
jQuery 自动增长的文本输入框实现代码
2010/04/02 Javascript
jQuery Ajax异步处理Json数据详解
2013/11/05 Javascript
js使用数组判断提交数据是否存在相同数据
2013/11/27 Javascript
js触发onchange事件的方法说明
2014/03/08 Javascript
jquery实现翻动fadeIn显示的方法
2015/03/05 Javascript
HTML5使用DeviceOrientation实现摇一摇功能
2015/06/05 Javascript
jquery实现可自动判断位置的弹出层效果代码
2015/10/12 Javascript
深入浅析JavaScript中prototype和proto的关系
2015/11/15 Javascript
javascript基本语法
2016/05/31 Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
2016/06/08 Javascript
iscroll.js滚动加载实例详解
2017/07/18 Javascript
zTree树形菜单交互选项卡效果的实现方法
2017/12/25 Javascript
详解Vue取消eslint语法限制
2018/08/04 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
2018/08/29 Javascript
跨域请求两种方法 jsonp和cors的实现
2018/11/11 Javascript
Vue中CSS动画原理的实现
2019/02/13 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
2019/10/29 Javascript
基于html+css+js实现简易计算器代码实例
2020/02/28 Javascript
flask session组件的使用示例
2018/12/25 Python
Python实现计算文件MD5和SHA1的方法示例
2019/06/11 Python
基于Python实现船舶的MMSI的获取(推荐)
2019/10/21 Python
Python全面分析系统的时域特性和频率域特性
2020/02/26 Python
Python自定义sorted排序实现方法详解
2020/09/18 Python
Python字典取键、值对的方法步骤
2020/09/30 Python
小程序canvas中文字设置居中锚点
2019/04/16 HTML / CSS
Currentbody西班牙:美容仪专家
2019/09/28 全球购物
考试没考好检讨书
2014/01/31 职场文书
简历的自我评价
2014/02/03 职场文书
《灰椋鸟》教学反思
2014/04/27 职场文书
青年文明号口号
2014/06/17 职场文书
经营理念口号
2014/06/21 职场文书
2014年教师节演讲稿
2014/09/03 职场文书
2014年商场工作总结
2014/11/22 职场文书
幼儿园园长新年寄语
2015/08/17 职场文书
Python 数据结构之十大经典排序算法一文通关
2021/10/16 Python