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


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升级新版本后选择器的语法问题
Jun 02 Javascript
关于JavaScript的with 语句的使用方法
May 09 Javascript
关闭时刷新父窗口两种方法
May 07 Javascript
js如何判断用户是否是用微信浏览器
Jun 05 Javascript
简单介绍JavaScript的变量和数据类型
Jun 03 Javascript
网页前端登录js按Enter回车键实现登陆的两种方法
May 10 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
Sep 18 Javascript
Angular的$http与$location
Dec 26 Javascript
JS正则表达式之非捕获分组用法实例分析
Dec 28 Javascript
Angular 通过注入 $location 获取与修改当前页面URL的实例
May 31 Javascript
vue最简单的前后端交互示例详解
Oct 11 Javascript
vue router 动态路由清除方式
May 25 Vue.js
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安装攻略:常见问题解答(二)
2006/10/09 PHP
ThinkPHP3.1新特性之对页面压缩输出的支持
2014/06/19 PHP
php实现上传图片保存到数据库的方法
2015/02/11 PHP
php获取网站百度快照日期的方法
2015/07/29 PHP
Yii使用技巧大汇总
2015/12/29 PHP
PHP中抽象类,接口功能、定义方法示例
2019/02/26 PHP
yii2 开发api接口时优雅的处理全局异常的方法
2019/05/14 PHP
jquery 新手学习常见问题解决方法
2010/04/18 Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
2013/04/22 Javascript
javascript setTimeout和setInterval计时的区别详解
2013/06/21 Javascript
JS的document.all函数使用示例
2013/12/30 Javascript
input标签内容改变的触发事件介绍
2014/06/18 Javascript
PHP PDO操作总结
2014/11/17 Javascript
JQuery ztree 异步加载实例讲解
2016/02/25 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
2016/07/07 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
2016/08/25 Javascript
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
JavaScript制作简单的框选图表
2017/05/15 Javascript
在vue中解决提示警告 for循环报错的方法
2018/09/28 Javascript
video.js 一个页面同时播放多个视频的实例代码
2018/11/27 Javascript
[02:40]DOTA2英雄基础教程 巨牙海民
2013/12/23 DOTA
剖析Python的Tornado框架中session支持的实现代码
2015/08/21 Python
Python程序员面试题 你必须提前准备!(答案及解析)
2018/01/23 Python
python获取代理IP的实例分享
2018/05/07 Python
Python3中的bytes和str类型详解
2019/05/02 Python
Python打包工具PyInstaller的安装与pycharm配置支持PyInstaller详细方法
2020/02/27 Python
解决pycharm不能自动保存在远程linux中的问题
2021/02/06 Python
维多利亚的秘密官方旗舰店:VICTORIA’S SECRET
2018/04/02 全球购物
Clearly新西兰:购买眼镜、太阳镜和隐形眼镜
2018/04/26 全球购物
纯净、自信、100%的羊绒服装:360Cashmere
2021/02/20 全球购物
《跨越海峡的生命桥》教学反思
2014/02/24 职场文书
端午节活动策划方案
2014/03/09 职场文书
培训研修方案
2014/06/06 职场文书
教师拔河比赛广播稿
2014/10/14 职场文书
2015年超市收银员工作总结
2015/04/25 职场文书
狼牙山五壮士观后感
2015/06/09 职场文书