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


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 解析xml文件
Aug 09 Javascript
SlideView 图片滑动(扩展/收缩)展示效果
Aug 01 Javascript
js css 实现遮罩层覆盖其他页面元素附图
Sep 22 Javascript
zTree树形插件异步加载方法详解
Jun 14 Javascript
Angular中ng-repeat与ul li的多层嵌套重复问题
Jul 24 Javascript
JavaScript创建对象的七种方式全面总结
Aug 21 Javascript
jQuery事件对象的属性和方法详解
Sep 09 jQuery
详解Node.js中的Async和Await函数
Feb 22 Javascript
使用webpack4编译并压缩ES6代码的方法示例
Apr 24 Javascript
从零使用TypeScript开发项目打包发布到npm
Feb 14 Javascript
JavaScript Date对象功能与用法学习记录
Apr 28 Javascript
微信小程序文章列表功能完整实例
Jun 03 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
骨王战斗力在公会成员中排不进前五,却当选了会长,原因竟是这样
2020/03/02 日漫
php中OR与|| AND与&&的区别总结
2013/10/26 PHP
PHP中4个加速、缓存扩展的区别和选用建议
2014/03/12 PHP
php循环table实现一行两列显示的方法
2015/06/04 PHP
Yii2中YiiBase自动加载类、引用文件方法分析(autoload)
2016/07/25 PHP
微信公众号实现会员卡领取功能
2017/06/08 PHP
laravel自定义分页效果
2017/07/23 PHP
PHP+ajax实现二级联动菜单功能示例
2018/08/10 PHP
JavaScript创建一个欢迎cookie弹出窗实现代码
2013/03/15 Javascript
js中同步与异步处理的方法和区别总结
2013/12/25 Javascript
Jquery中扩展方法extend使用技巧
2014/08/24 Javascript
jQuery DOM删除节点操作指南
2015/03/03 Javascript
js实现新浪微博首页效果
2015/10/16 Javascript
JS时间控制实现动态效果的实例讲解
2017/07/31 Javascript
bootstrap下拉框动态赋值方法
2018/08/10 Javascript
js限制输入框只能输入数字(onkeyup触发)
2018/09/28 Javascript
koa2 从入门到精通(小结)
2019/07/23 Javascript
VUE实现强制渲染,强制更新
2019/10/29 Javascript
使用vue打包进行云服务器上传的问题
2020/03/02 Javascript
jQuery+ajax实现用户登录验证
2020/09/13 jQuery
python海龟绘图实例教程
2014/07/24 Python
python中装饰器级连的使用方法示例
2017/09/29 Python
python保存数据到本地文件的方法
2018/06/23 Python
如何使用python把ppt转换成pdf
2019/06/29 Python
pytorch动态网络以及权重共享实例
2020/01/06 Python
浅谈python 调用open()打开文件时路径出错的原因
2020/06/05 Python
简单聊聊H5的pushState与replaceState的用法
2018/04/03 HTML / CSS
欧洲最大的笔和书写专家:The Pen Shop
2017/03/19 全球购物
新加坡领先的时尚生活方式零售品牌:CHARLES & KEITH
2018/01/16 全球购物
法国大使拉杆箱官网:DELSEY Paris
2018/03/20 全球购物
Aosom西班牙:家具在线商店
2020/06/11 全球购物
英国Lookfantastic中文网站:护肤品美妆美发购物(英国直邮)
2020/04/27 全球购物
大型主题婚礼活动策划方案
2014/09/15 职场文书
教师党员自我剖析材料
2014/09/29 职场文书
化验室岗位职责
2015/02/14 职场文书
外出培训学习心得体会
2016/01/18 职场文书