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 性能优化指南(3)
May 21 Javascript
javascript与webservice的通信实现代码
Dec 25 Javascript
JQuery插入DOM节点的方法
Jun 11 Javascript
JavaScript事件代理和委托详解
Apr 08 Javascript
JavaScript学习笔记整理_简单实现枚举类型,扑克牌应用
Sep 19 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
Oct 12 Javascript
jQuery排序插件tableSorter使用方法
Feb 10 Javascript
基于js的变量提升和函数提升(详解)
Sep 17 Javascript
详解小程序设置缓存并且不覆盖原有数据
Apr 15 Javascript
如何通过JS实现转码与解码
Feb 21 Javascript
vue修改Element的el-table样式的4种方法
Sep 17 Javascript
小程序自定义轮播图圆点组件
Jun 25 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
ThinkPHP模板比较标签用法详解
2014/06/30 PHP
php解析http获取的json字符串变量总是空白null
2015/03/02 PHP
Laravel框架实现的批量删除功能示例
2019/01/16 PHP
JavaScript的document对象和window对象详解
2010/12/30 Javascript
关于jquery css的使用介绍
2013/04/18 Javascript
jquery 页面滚动到底部自动加载插件集合
2014/01/31 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
2014/03/19 Javascript
浅谈Javascript中匀速运动的停止条件
2014/12/19 Javascript
在JavaScript应用中实现延迟加载的方法
2015/06/25 Javascript
js实现图片放大和拖拽特效代码分享
2015/09/05 Javascript
javascript中的altKey 和 Event属性大全
2015/11/06 Javascript
jQuery中实现prop()函数控制多选框(全选,反选)
2016/08/19 Javascript
Yarn的安装与使用详细介绍
2016/10/25 Javascript
Bootstrap Scrollspy源码学习
2017/03/02 Javascript
JavaScript脚本语言是什么_动力节点Java学院整理
2017/06/26 Javascript
VueJs组件prop验证简单介绍
2017/09/12 Javascript
vue-cli项目使用mock数据的方法(借助express)
2019/04/15 Javascript
Vue 解决父组件跳转子路由后当前导航active样式消失问题
2020/07/21 Javascript
利用Python中的输入和输出功能进行读取和写入的教程
2015/04/14 Python
浅谈python日志的配置文件路径问题
2018/04/28 Python
解决pycharm 误删掉项目文件的处理方法
2018/10/22 Python
Python使用folium excel绘制point
2019/01/03 Python
Python开启线程,在函数中开线程的实例
2019/02/22 Python
Python Sphinx使用实例及问题解决
2020/01/17 Python
PyCharm 2020.1版安装破解注册码永久激活(激活到2089年)
2020/09/24 Python
Python 2.6.6升级到Python2.7.15的详细步骤
2020/12/14 Python
时尚孕妇装:HATCH Collection
2019/09/24 全球购物
土木工程专业个人求职信
2013/12/05 职场文书
医院门卫岗位职责
2013/12/30 职场文书
幼儿园中秋节活动方案
2014/02/06 职场文书
关于旅游的活动方案
2014/08/15 职场文书
焦点访谈观后感
2015/06/11 职场文书
个人业务学习心得体会
2016/01/25 职场文书
Python 恐龙跑跑小游戏实现流程
2022/02/15 Python
python工具dtreeviz决策树可视化和模型可解释性
2022/03/03 Python
python APScheduler执行定时任务介绍
2022/04/19 Python