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 相关文章推荐
Javascript调试工具(下载)
Jan 09 Javascript
2010年最佳jQuery插件整理
Dec 06 Javascript
jquery里的each使用方法详解
Dec 22 Javascript
jquery easyui 结合jsp简单展现table数据示例
Apr 18 Javascript
js使用for循环及if语句判断多个一样的name
Sep 09 Javascript
详解vue2路由vue-router配置(懒加载)
Apr 08 Javascript
three.js中文文档学习之如何本地运行详解
Nov 20 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
May 06 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
Sep 29 Javascript
VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip
Nov 30 Javascript
vue+egg+jwt实现登录验证的示例代码
May 18 Javascript
Javascript组合继承方法代码实例解析
Apr 02 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
PHP数组传递是值传递而非引用传递概念纠正
2013/01/31 PHP
Thinkphp中数据按分类嵌套循环实现方法
2014/10/30 PHP
PHP中变量引用与变量销毁机制分析
2014/11/15 PHP
PHP实现深度优先搜索算法(DFS,Depth First Search)详解
2017/09/16 PHP
PHP两个n位的二进制整数相加问题的解决
2018/08/26 PHP
PHP 自动加载类原理与用法实例分析
2020/04/14 PHP
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
2010/04/15 Javascript
js监听滚动条滚动事件使得某个标签内容始终位于同一位置
2014/01/24 Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
2014/02/19 Javascript
jquery ajax应用中iframe自适应高度问题解决方法
2014/04/12 Javascript
js实现显示当前状态的导航效果代码
2015/08/28 Javascript
js实现黑色简易的滑动门网页tab选项卡效果
2015/08/31 Javascript
AngularJS 2.0新特性有哪些
2016/02/18 Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
2016/05/30 Javascript
AngularJS 与百度地图的结合实例
2016/10/20 Javascript
用js制作淘宝放大镜效果
2020/10/28 Javascript
vue之数据交互实例代码
2017/06/20 Javascript
MUI实现上拉加载和下拉刷新效果
2017/06/30 Javascript
Vue Transition实现类原生组件跳转过渡动画的示例
2017/08/19 Javascript
Mint UI 基于 Vue.js 移动端组件库
2017/11/07 Javascript
JavaScript Math对象和调试程序的方法分析
2019/05/13 Javascript
vue两组件间值传递 $router.push实现方法
2019/05/15 Javascript
vue 路由子组件created和mounted不起作用的解决方法
2019/11/05 Javascript
ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
2019/12/21 Javascript
彻底搞懂并解决vue-cli4中图片显示的问题实现
2020/08/31 Javascript
如何基于viewport vm适配移动端页面
2020/11/13 Javascript
python可视化实现代码
2019/01/15 Python
对Python _取log的几种方式小结
2019/07/25 Python
详解python如何引用包package
2020/06/07 Python
python的json包位置及用法总结
2020/06/21 Python
QT5 Designer 打不开的问题及解决方法
2020/08/20 Python
印度最大的时尚购物网站:Myntra
2018/09/13 全球购物
红领巾心向党演讲稿
2014/09/10 职场文书
秋季运动会广播稿(30篇)
2014/09/13 职场文书
2015年车间管理工作总结
2015/07/23 职场文书
vue实现水波涟漪效果的点击反馈指令
2021/05/31 Vue.js