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


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 相关文章推荐
不能再简单的无闪刷新验证码原理很简单
Nov 05 Javascript
关于javascript DOM事件模型的两件事
Jul 22 Javascript
javascript使用activex控件的代码
Jan 27 Javascript
将查询条件的input、select清空
Jan 14 Javascript
基于iframe实现类似于ajax的页面无刷新
May 31 Javascript
javascript实现页面刷新时自动清空表单并选中的方法
Jul 18 Javascript
jsTree使用记录实例
Dec 01 Javascript
实例详解display:none与visible:hidden的区别
Mar 30 Javascript
jQuery实现参数自定义的文字跑马灯效果
Aug 15 jQuery
Node.js net模块功能及事件监听用法分析
Jan 05 Javascript
详解vue中this.$emit()的返回值是什么
Apr 07 Javascript
JS中forEach()、map()、every()、some()和filter()的用法
May 11 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投票程序源码
2007/03/11 PHP
PHP安全性漫谈
2012/06/28 PHP
提升PHP性能的21种方法介绍
2013/06/25 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
微信 开发生成带参数的二维码的实例
2016/11/23 PHP
Thinkphp 框架配置操作之动态配置、扩展配置及批量配置实例分析
2020/05/15 PHP
jQuery替换字符串(实例代码)
2013/11/13 Javascript
js数组操作常用方法
2014/05/08 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
2014/07/29 Javascript
JavaScript中使用document.write向页面输出内容实例
2014/10/16 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
2016/05/26 Javascript
webuploader实现上传图片到服务器功能
2018/08/16 Javascript
BootStrap modal实现拖拽功能
2018/12/01 Javascript
Angular2 自定义表单验证器的实现方法
2018/12/14 Javascript
原生JS无缝滑动轮播图
2019/10/22 Javascript
[04:22]DOTA2大事件之护国神翼
2020/08/14 DOTA
深入理解Javascript中的this关键字
2015/03/27 Python
在Python中处理字符串之ljust()方法的使用简介
2015/05/19 Python
Python解析树及树的遍历
2016/02/03 Python
Linux下python3.7.0安装教程
2018/07/30 Python
python3 读取Excel表格中的数据
2018/10/16 Python
Python面向对象之类和实例用法分析
2019/06/08 Python
python实现输入任意一个大写字母生成金字塔的示例
2019/10/27 Python
Django models filter筛选条件详解
2020/03/16 Python
python 实现读取csv数据,分类求和 再写进 csv
2020/05/18 Python
html5版canvas自由拼图实例
2014/10/15 HTML / CSS
法国面料和小百货在线商店:Mondial Tissus
2019/03/23 全球购物
澳大利亚领先的时尚内衣零售商:Bras N Things
2020/07/28 全球购物
单位实习证明怎么写
2014/01/17 职场文书
领导干部作风建设自查报告
2014/10/23 职场文书
社区好人好事材料
2014/12/26 职场文书
升职感谢信
2015/01/22 职场文书
毕业典礼主持词
2015/06/29 职场文书
幼师自荐信范文(2016推荐篇)
2016/01/28 职场文书
教你怎么用Python操作MySql数据库
2021/05/31 Python
R9700摩机记
2022/04/05 无线电