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


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 实现的全选和反选
Apr 15 Javascript
读jQuery之四(优雅的迭代)
Jun 20 Javascript
formValidator3.3的ajaxValidator一些异常分析
Jul 12 Javascript
微信小程序 实例应用(记账)详解
Sep 28 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
Apr 27 Javascript
Vue2.0学习系列之项目上线的方法步骤(图文)
Sep 25 Javascript
原生JS实现的自动轮播图功能详解
Dec 28 Javascript
简单了解小程序+node梳理登陆流程
Jun 24 Javascript
用Vue.js方法创建模板并使用多个模板合成
Jun 28 Javascript
vue父组件给子组件的组件传值provide inject的方法
Oct 23 Javascript
通过vue.extend实现消息提示弹框的方法记录
Jan 07 Vue.js
JavaScript高级程序设计之基本引用类型
Nov 17 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相当简单的分页类
2008/10/02 PHP
攻克CakePHP系列一 连接MySQL数据库
2008/10/22 PHP
使用php记录用户通过搜索引擎进网站的关键词
2014/02/13 PHP
php str_replace替换指定次数的方法详解
2017/05/05 PHP
php微信支付之公众号支付功能
2018/05/30 PHP
laravel csrf排除路由,禁止,关闭指定路由的例子
2019/10/21 PHP
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
js更优雅的兼容
2010/08/12 Javascript
js字符串截取函数substr substring slice使用对比
2013/11/27 Javascript
jQuery子属性过滤选择器用法分析
2015/02/10 Javascript
jQuery表单美化插件jqTransform使用详解
2015/04/12 Javascript
jquery模拟实现鼠标指针停止运动事件
2016/01/12 Javascript
详解jQuery的Cookie插件
2016/11/23 Javascript
JavaScript中动态向表格添加数据
2017/01/24 Javascript
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
2017/04/10 jQuery
js前端实现图片懒加载(lazyload)的两种方式
2017/04/24 Javascript
angular4 共享服务在多个组件中数据通信的示例
2018/03/30 Javascript
Vue中axios拦截器如何单独配置token
2019/12/27 Javascript
[01:21]DOTA2新纪元-7.0新版本即将开启!
2016/12/11 DOTA
Python列表删除的三种方法代码分享
2017/10/31 Python
Python基于回溯法解决01背包问题实例
2017/12/06 Python
浅谈django model postgres的json字段编码问题
2018/01/05 Python
使用python爬取B站千万级数据
2018/06/08 Python
django ModelForm修改显示缩略图 imagefield类型的实例
2019/07/28 Python
python3图片文件批量重命名处理
2019/10/31 Python
python3中数组逆序输出方法
2020/12/01 Python
pandas 数据类型转换的实现
2020/12/29 Python
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
国际化的太阳镜及太阳镜配件零售商:Sunglass Hut
2016/07/26 全球购物
英语系毕业生自荐信
2013/10/31 职场文书
服装设计行业个人的自我评价
2013/12/20 职场文书
群众路线党员个人整改措施
2014/10/27 职场文书
python OpenCV学习笔记
2021/03/31 Python
Python词云的正确实现方法实例
2021/05/08 Python
Python机器学习之基础概述
2021/05/19 Python
vue3.0 数字翻牌组件的使用方法详解
2022/04/20 Vue.js