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


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 浏览器事件介绍
Mar 30 Javascript
可在线编辑网页文字效果代码(单击)
Mar 02 Javascript
关于textarea提交的内容无法换行的解决办法
Apr 09 Javascript
文本框只能选择数据到文本框禁止手动输入
Nov 22 Javascript
深入分析原生JavaScript事件
Dec 29 Javascript
有关json_decode乱码及NULL的问题
Oct 13 Javascript
Vue.js Ajax动态参数与列表显示实现方法
Oct 20 Javascript
如何处理JSON中的特殊字符
Nov 30 Javascript
JS产生随机数的用法小结
Dec 10 Javascript
百度地图JavascriptApi Marker平滑移动及车头指向行径方向
Mar 13 Javascript
vue2.0实现分页组件的实例代码
Jun 22 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
May 02 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实现登陆验证码(类似条行码状)
2006/10/09 PHP
杏林同学录(三)
2006/10/09 PHP
php中判断文件空目录是否有读写权限的函数代码
2012/08/07 PHP
PHP 冒泡排序 二分查找 顺序查找 二维数组排序算法函数的详解
2013/06/25 PHP
Laravel 6.2 中添加了可调用容器对象的方法
2019/10/22 PHP
jQuery插件开发全解析
2012/10/10 Javascript
页面加载完后自动执行一个方法的js代码
2014/09/06 Javascript
JavaScript中的包装对象介绍
2015/01/27 Javascript
jquery代码实现简单的随机图片瀑布流效果
2015/04/20 Javascript
JavaScript中eval()函数用法详解
2015/12/14 Javascript
JavaScript创建对象的方式小结(4种方式)
2015/12/17 Javascript
vue实现简单实时汇率计算功能
2017/01/15 Javascript
基于MVC方式实现三级联动(JavaScript)
2017/01/23 Javascript
AngularJs表单校验功能实例代码
2017/02/09 Javascript
canvas绘制多边形
2017/02/24 Javascript
关于JavaScript中高阶函数的魅力详解
2018/09/07 Javascript
JavaScript this在函数中的指向及实例详解
2019/10/14 Javascript
Layui 解决表格异步调用后台分页的问题
2019/10/26 Javascript
Antd下拉选择,自动匹配功能的实现
2020/10/24 Javascript
[06:07]DOTA2-DPC中国联赛3月5日Recap集锦
2021/03/11 DOTA
python xlsxwriter创建excel图表的方法
2018/06/11 Python
编写多线程Python服务器 最适合基础
2018/09/14 Python
django框架基于queryset和双下划线的跨表查询操作详解
2019/12/11 Python
用CSS3来实现社交分享按钮
2014/11/11 HTML / CSS
移动端HTML5 input常见问题(小结)
2020/09/28 HTML / CSS
波兰灯具、照明和LED购物网站:Lampy.pl
2019/03/11 全球购物
院领导写的就业推荐信
2014/03/09 职场文书
数学高效课堂实施方案
2014/03/29 职场文书
大学生就业自荐书
2014/06/16 职场文书
党的群众路线批评与自我批评发言稿
2014/10/16 职场文书
清洁员岗位职责
2015/02/15 职场文书
开天辟地观后感
2015/06/09 职场文书
父亲去世追悼词
2015/06/23 职场文书
《海上日出》教学反思
2016/02/23 职场文书
MySQL系列之十二 备份与恢复
2021/07/02 MySQL
oracle数据库去除重复数据
2022/05/20 Oracle