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


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 get和post 方法传值注意事项
Nov 03 Javascript
浅析jQuery中常用的元素查找方法总结
Jul 04 Javascript
js实现ArrayList功能附实例代码
Oct 29 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
Nov 16 Javascript
jQuery中after()方法用法实例
Dec 25 Javascript
jQuery选择器源码解读(一):Sizzle方法
Mar 31 Javascript
bootstrap table实例详解
Jan 06 Javascript
简单快速的实现js计算器功能
Aug 17 Javascript
Node之简单的前后端交互(实例讲解)
Nov 14 Javascript
Angularjs中date过滤器失效的问题及解决方法
Jul 06 Javascript
Vue.js实现开发购物车功能的方法详解
Feb 22 Javascript
解决父组件将子组件作为弹窗调用只执行一次created的问题
Jul 24 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把小数转成整数3种方法
2014/06/30 PHP
PHP记录搜索引擎蜘蛛访问网站足迹的方法
2015/04/15 PHP
Yii2实现上下联动下拉框功能的方法
2016/08/10 PHP
PHP之将POST数据转化为字符串的实现代码
2016/11/03 PHP
PHP文件操作实例总结【文件上传、下载、分页】
2018/12/08 PHP
PHP如何通过表单直接提交大文件详解
2019/01/08 PHP
laravel5.5安装jwt-auth 生成token令牌的示例
2019/10/24 PHP
CSS中一些@规则的用法小结
2021/03/09 HTML / CSS
js动态控制table的tr、td增加及删除的具体实现
2014/04/30 Javascript
jQuery链使用指南
2015/01/20 Javascript
动态加载js的方法汇总
2015/02/13 Javascript
高效的jquery数字滚动特效
2015/12/17 Javascript
浅析jquery与checkbox的checked属性的问题
2016/04/27 Javascript
AngularJS基础 ng-include 指令示例讲解
2016/08/01 Javascript
轻松掌握JavaScript享元模式
2016/08/27 Javascript
jQuery.datatables.js插件用法及api实例详解
2016/10/28 Javascript
JS实现的计数排序与基数排序算法示例
2017/12/04 Javascript
jQuery实现页码跳转式动态数据分页
2017/12/31 jQuery
vue利用axios来完成数据的交互
2018/03/23 Javascript
layui实现给某一列加点击事件
2019/10/26 Javascript
Python中用format函数格式化字符串的用法
2015/04/08 Python
Python基于动态规划算法解决01背包问题实例
2017/12/06 Python
python读取ini配置文件过程示范
2019/12/23 Python
解决django 向mysql中写入中文字符出错的问题
2020/05/18 Python
解决Keras 中加入lambda层无法正常载入模型问题
2020/06/16 Python
如何把python项目部署到linux服务器
2020/08/26 Python
美国南部最大的家族百货公司:Belk
2017/01/30 全球购物
铭万公司.net面试题笔试题
2014/07/20 面试题
大学毕业生文采飞扬的自我鉴定
2013/12/03 职场文书
新春文艺演出主持词
2014/03/27 职场文书
党风廉政建设责任书
2014/04/14 职场文书
护林防火标语
2014/06/27 职场文书
2014最新离职证明范本
2014/09/12 职场文书
2014年党支部工作总结
2014/11/13 职场文书
Nginx反爬虫策略,防止UA抓取网站
2021/03/31 Servers
windows11怎么查看wifi密码? win11查看wifi密码的技巧
2021/11/21 数码科技