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


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 相关文章推荐
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
Jun 14 Javascript
浅谈重写window对象的方法
Dec 29 Javascript
jQuery实现在下拉列表选择时获取json数据的方法
Apr 16 Javascript
JavaScript获取当前url根目录(路径)
Jun 17 Javascript
js 定位到某个锚点的方法
Nov 19 Javascript
微信小程序的动画效果详解
Jan 18 Javascript
jQuery布局组件EasyUI Layout使用方法详解
Feb 28 Javascript
Angular 2 利用Router事件和Title实现动态页面标题的方法
Aug 23 Javascript
Angular4学习笔记router的简单使用
Mar 30 Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
Apr 27 jQuery
解决vue props 拿不到值的问题
Sep 11 Javascript
封装 axios+promise通用请求函数操作
Aug 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
人大复印资料处理程序_查询篇
2006/10/09 PHP
关于url地址传参数时字符串有回车造成页面脚本赋值失败的解决方法
2013/06/28 PHP
php5.3后静态绑定用法详解
2016/11/11 PHP
Yii实现复选框批量操作实例代码
2017/03/15 PHP
yii2多图上传组件的使用教程
2018/05/10 PHP
响应鼠标变换表格背景或者颜色的代码
2009/03/30 Javascript
JS中处理与当前时间间隔的函数代码
2012/05/23 Javascript
javascript 中String.match()与RegExp.exec()的区别说明
2013/01/10 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
2013/07/12 Javascript
多个$(document).ready()的执行顺序实例分析
2014/07/26 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
2016/06/21 Javascript
javascript 中的console.log和弹出窗口alert
2016/08/30 Javascript
bootstrap日期控件问题(双日期、清空等问题解决)
2017/04/19 Javascript
JavaScript对象_动力节点Java学院整理
2017/06/23 Javascript
JavaScript严格模式下关于this的几种指向详解
2017/07/12 Javascript
解决vue elementUI 使用el-select 时 change事件的触发问题
2020/11/17 Vue.js
python搭建微信公众平台
2016/02/09 Python
Python使用matplotlib简单绘图示例
2018/02/01 Python
django1.11.1 models 数据库同步方法
2018/05/30 Python
python实现在遍历列表时,直接对dict元素增加字段的方法
2019/01/15 Python
详解用python自制微信机器人,定时发送天气预报
2019/03/25 Python
详解python读取和输出到txt
2019/03/29 Python
Python注释、分支结构、循环结构、伪“选择结构”用法实例分析
2020/01/09 Python
Python实现像awk一样分割字符串
2020/09/15 Python
Qoo10马来西亚:全球时尚和引领潮流的购物市场
2016/08/25 全球购物
Shopee马来西亚:随拍即卖,最佳行动电商拍卖平台
2017/06/05 全球购物
开发中都用到了那些设计模式?用在什么场合?
2014/08/21 面试题
会计与审计专业大专生求职信
2013/10/03 职场文书
大学英语演讲稿(中英文对照)
2014/01/14 职场文书
2014年乡镇植树节活动方案
2014/02/28 职场文书
工商行政管理专业求职书
2014/05/23 职场文书
2014年妇委会工作总结
2014/12/10 职场文书
志愿者事迹材料
2014/12/26 职场文书
因身体原因离职的辞职信范文
2015/05/12 职场文书
初中历史教学反思
2016/02/19 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书