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


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 相关文章推荐
javascript中处理时间戳为日期格式的方法
Jan 02 Javascript
javascript父子页面通讯实例详解
Jul 17 Javascript
Node.js的Koa框架上手及MySQL操作指南
Jun 13 Javascript
AngularJs基于角色的前端访问控制的实现
Nov 07 Javascript
jQuery中的100个技巧汇总
Dec 15 Javascript
关于微信上网页图片点击全屏放大效果
Dec 19 Javascript
利用node.js搭建简单web服务器的方法教程
Feb 20 Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
Jul 24 Javascript
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
Oct 19 jQuery
nuxt+axios解决前后端分离SSR的示例代码
Oct 24 Javascript
小程序数据通信方法大全(推荐)
Apr 15 Javascript
JS实现简易贪吃蛇游戏
Aug 24 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中is_file不能替代file_exists的理由
2014/03/04 PHP
PHP学习笔记(二):变量详解
2015/04/17 PHP
Linux系统下PHP-FPM的安装和配置教程
2015/08/17 PHP
学习php设计模式 php实现原型模式(prototype)
2015/12/07 PHP
php 根据自增id创建唯一编号类
2017/04/06 PHP
php实现的三个常用加密解密功能函数示例
2017/11/06 PHP
详解PHP文件的自动加载(autoloading)
2018/02/04 PHP
TP3.2.3框架文件上传操作实例详解
2020/01/23 PHP
javascript实现类似超链接的效果
2014/12/26 Javascript
JavaScript实现简单图片翻转的方法
2015/04/17 Javascript
jQuery原生的动画效果
2015/07/10 Javascript
js实现二级菜单渐隐显示
2015/11/03 Javascript
jQuery添加options点击事件并传值实例代码
2016/05/18 Javascript
JS实现回到页面顶部动画效果的简单实例
2016/05/24 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
2016/12/30 Javascript
jQuery获取table表中的td标签(实例讲解)
2017/07/28 jQuery
浅谈Vue页面级缓存解决方案feb-alive(上)
2019/04/14 Javascript
vue实现搜索功能
2019/05/28 Javascript
JS实现点击生成UUID的方法完整实例【基于jQuery】
2019/06/12 jQuery
js实现图片上传到服务器和回显
2020/01/19 Javascript
深入分析jQuery.one() 函数
2020/06/03 jQuery
python3使用urllib模块制作网络爬虫
2016/04/08 Python
Django如何自定义model创建数据库索引的顺序
2019/06/20 Python
tensorflow2.0保存和恢复模型3种方法
2020/02/03 Python
python实现同一局域网下传输图片
2020/03/20 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
Python列表元素删除和remove()方法详解
2021/01/04 Python
李维斯法国官网:Levi’s法国
2019/07/13 全球购物
老师自我鉴定范文
2013/12/25 职场文书
中年人生感言
2014/02/04 职场文书
人力资源管理专业自荐书
2014/07/07 职场文书
习总书记三严三实学习心得体会
2014/10/13 职场文书
乡镇务虚会发言材料
2014/10/20 职场文书
2014年租房协议书范本
2014/10/30 职场文书
MySQL深度分页(千万级数据量如何快速分页)
2021/07/25 MySQL
Python可视化神器pyecharts之绘制箱形图
2022/07/07 Python