js清空form表单中的内容示例


Posted in Javascript onMay 20, 2014
//清空form选择 
function clearForm(id){ 
var formObj = document.getElementById(id); 
if(formObj == undefined){ 
return; 
} 
for(var i=0; i<formObj.elements.length; i++){ 
if(formObj.elements[i].type == "text"){ 
formObj.elements[i].value = ""; 
} 
else if(formObj.elements[i].type == "password"){ 
formObj.elements[i].value = ""; 
} 
else if(formObj.elements[i].type == "radio"){ 
formObj.elements[i].checked = false; 
} 
else if(formObj.elements[i].type == "checkbox"){ 
formObj.elements[i].checked = false; 
} 
else if(formObj.elements[i].type == "select-one"){ 
formObj.elements[i].options[0].selected = true; 
} 
else if(formObj.elements[i].type == "select-multiple"){ 
for(var j = 0; j < formObj.elements[i].options.length; j++){ 
formObj.elements[i].options[j].selected = false; 
} 
} 
else if(formObj.elements[i].type == "file"){ 
//formObj.elements[i].select(); 
//document.selection.clear(); 
// for IE, Opera, Safari, Chrome 
var file = formObj.elements[i]; 
if(file.outerHTML){ 
file.outerHTML = file.outerHTML; 
}else{ 
file.value = ""; // FF(包括3.5) 
} 
} 
else if(formObj.elements[i].type == "textarea"){ 
formObj.elements[i].value = ""; 
} 
} 
}
Javascript 相关文章推荐
JS获取后台Cookies值的小例子
Mar 04 Javascript
js实现Select头像选择实时预览代码
Aug 17 Javascript
PHP+jquery+ajax实现分页
Dec 09 Javascript
jQuery无缝轮播图代码
Dec 22 Javascript
JS实现的简易拖放效果示例
Dec 29 Javascript
Vue项目中引入外部文件的方法(css、js、less)
Jul 24 Javascript
AngularJS2 与 D3.js集成实现自定义可视化的方法
Dec 01 Javascript
JS/CSS实现字符串单词首字母大写功能
Sep 03 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
Nov 01 Javascript
2020淘宝618理想生活列车自动领喵币js脚本的代码
Jun 02 Javascript
JS中锚点链接点击平滑滚动并自由调整到顶部位置
Feb 06 Javascript
手把手教你从零开始react+antd搭建项目
Jun 03 Javascript
Javascript 函数parseInt()转换时出现bug问题
May 20 #Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
May 20 #Javascript
Jquery插件分享之气泡形提示控件grumble.js
May 20 #Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
May 20 #Javascript
jQuery.holdReady()使用方法
May 20 #Javascript
js判断上传文件类型判断FileUpload文件类型代码
May 20 #Javascript
jQuery 如何先创建、再修改、后添加DOM元素
May 20 #Javascript
You might like
Discuz! Passport 通行证整合
2008/03/27 PHP
让codeigniter与swfupload整合的最佳解决方案
2014/06/12 PHP
PHP实现PDO的mysql数据库操作类
2014/12/12 PHP
帝国CMS留言板回复后发送EMAIL通知客户
2015/07/06 PHP
javascript控制frame,iframe的src属性代码
2009/12/31 Javascript
解决jquery submit()提交表单提示:f[s] is not a function
2013/01/23 Javascript
js中数组Array的一些常用方法总结
2013/08/12 Javascript
IE8中使用javascript动态加载CSS的解决方法
2014/06/17 Javascript
jquery实现在页面加载的时自动为日期插件添加当前日期
2014/08/20 Javascript
jQuery验证元素是否为空的两种常用方法
2015/03/17 Javascript
jquery实现不包含当前项的选择器实例
2015/06/25 Javascript
纯JavaScript代码实现文本比较工具
2016/02/17 Javascript
NodeJS使用formidable实现文件上传
2016/10/27 NodeJs
基于JS实现翻书效果的页面切换样式
2017/02/16 Javascript
vue如何解决循环引用组件报错的问题
2018/09/22 Javascript
vue项目引入Iconfont图标库的教程图解
2018/10/24 Javascript
ElementUI Tree 树形控件的使用并给节点添加图标
2020/02/27 Javascript
[01:06]DOTA2隆重推出2016冬季勇士令状 内含上海特级锦标赛互动指南
2016/02/17 DOTA
[40:17]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第一场
2018/04/06 DOTA
Python中使用tarfile压缩、解压tar归档文件示例
2015/04/05 Python
Python找出最小的K个数实例代码
2018/01/04 Python
python 字符串常用函数详解
2019/09/11 Python
pytest中文文档之编写断言
2019/09/12 Python
python实现井字棋小游戏
2020/03/04 Python
如何在windows下安装Pycham2020软件(方法步骤详解)
2020/05/03 Python
Python3自定义http/https请求拦截mitmproxy脚本实例
2020/05/11 Python
python爬虫要用到的库总结
2020/07/28 Python
python 下划线的不同用法
2020/10/24 Python
css3实现的下拉菜单效果示例
2014/01/22 HTML / CSS
HTML5 Canvas 旋转风车绘制
2017/08/18 HTML / CSS
伦敦最受欢迎的蛋糕店:Konditor & Cook
2019/11/01 全球购物
全球最大的瓷器、水晶和银器零售商:Replacements
2020/06/15 全球购物
优秀员工演讲稿
2014/05/19 职场文书
门面房租房协议书
2014/08/20 职场文书
企业优秀团员事迹材料
2014/08/20 职场文书
2014党的群众路线教育实践活动总结报告
2014/10/31 职场文书