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 相关文章推荐
jquery下操作HTML控件的实现代码
Jan 12 Javascript
谈谈jQuery Ajax用法详解
Nov 27 Javascript
最原始的jQuery注册验证方式
Oct 11 Javascript
jQuery删除当前节点元素
Dec 07 Javascript
前端主流框架vue学习笔记第二篇
Jul 26 Javascript
jQuery ajax调用webservice注意事项
Oct 08 jQuery
VueRouter导航守卫用法详解
Dec 25 Javascript
使用classList来实现两个按钮样式的切换方法
Jan 24 Javascript
Angular动态绑定样式及改变UI框架样式的方法小结
Sep 03 Javascript
微信小程序 数据缓存实现方法详解
Aug 26 Javascript
vue如何搭建多页面多系统应用
Jun 17 Javascript
Vuex实现购物车小功能
Aug 17 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
ThinkPHP3.1新特性之对页面压缩输出的支持
2014/06/19 PHP
PHP根据两点间的经纬度计算距离
2014/10/31 PHP
laravel容器延迟加载以及auth扩展详解
2015/03/02 PHP
Android AsyncTack 异步任务实例详解
2016/11/02 PHP
JS链式调用的实现方法
2013/03/07 Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
2013/11/17 Javascript
jquery动态加载js/css文件方法(自写小函数)
2014/10/11 Javascript
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
详解Nodejs的timers模块
2016/12/22 NodeJs
原生js FileReader对象实现图片上传本地预览效果
2020/03/27 Javascript
完美解决axios在ie下的兼容性问题
2018/03/05 Javascript
javascript-hashchange事件和历史状态管理实例分析
2020/04/18 Javascript
jQuery编写QQ简易聊天框
2020/08/27 jQuery
利用Vue实现简易播放器的完整代码
2020/12/30 Vue.js
Linux下使用python调用top命令获得CPU利用率
2015/03/10 Python
python flask实现分页效果
2017/06/27 Python
使用python实现tcp自动重连
2017/07/02 Python
python web自制框架之接受url传递过来的参数实例
2018/12/17 Python
Python基于Opencv来快速实现人脸识别过程详解(完整版)
2019/07/11 Python
利用Pandas和Numpy按时间戳将数据以Groupby方式分组
2019/07/22 Python
python 并发编程 多路复用IO模型详解
2019/08/20 Python
python selenium 执行完毕关闭chromedriver进程示例
2019/11/15 Python
opencv3/C++实现视频背景去除建模(BSM)
2019/12/11 Python
一款利用纯css3实现的win8加载动画的实例分析
2014/12/11 HTML / CSS
英国经典球衣网站:Classic Football Shirts
2017/05/20 全球购物
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
应届生.NET方向面试题
2015/05/23 面试题
最新大学职业规划书范文
2013/12/30 职场文书
党校培训思想汇报
2014/01/03 职场文书
青年文明号创建承诺
2014/03/31 职场文书
敬老院标语
2014/06/27 职场文书
岗位说明书标准范本
2014/07/30 职场文书
承诺书范本大全
2015/05/04 职场文书
2015年科普工作总结
2015/07/23 职场文书
2019最新激励员工口号大全!
2019/06/28 职场文书
一文搞懂php的垃圾回收机制
2021/06/18 PHP