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 大家可以参考下
Oct 13 Javascript
Javascript在IE和FireFox中的不同表现简析
Dec 03 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
May 04 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
Jul 02 Javascript
JavaScript中用于生成随机数的Math.random()方法
Jun 15 Javascript
jQuery+CSS实现的网页二级下滑菜单效果
Aug 25 Javascript
javascript常见数字进制转换实例分析
Apr 21 Javascript
vue.js中proxyTable 转发请求的实现方法
Sep 20 Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
Dec 07 Javascript
微信小程序加载机制及运行机制图解
Nov 27 Javascript
JS中的继承操作实例总结
Jun 06 Javascript
小程序实现列表倒计时功能
Jan 29 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使用iconv中文截断问题的解决方法
2015/02/11 PHP
php爬取天猫和淘宝商品数据
2018/02/23 PHP
PHP面向对象程序设计之多态性的应用示例
2018/12/19 PHP
PHP7.3.10编译安装教程
2019/10/08 PHP
laravel 使用事件系统统计浏览量的实现
2019/10/16 PHP
基于MVC3方式实现下拉列表联动(JQuery)
2013/09/02 Javascript
深入理解Javascript作用域与变量提升
2013/12/09 Javascript
scrollWidth,clientWidth,offsetWidth的区别
2015/01/13 Javascript
jquery ajax分页插件的简单实现
2016/01/27 Javascript
javascript显示倒计时控制按钮的简单实现
2016/06/07 Javascript
深入浅出讲解ES6的解构
2016/08/03 Javascript
AngularJS入门教程之Helloworld示例
2016/12/25 Javascript
详解vue的数据binding绑定原理
2017/04/12 Javascript
JS如何实现在页面上快速定位(锚点跳转问题)
2017/08/14 Javascript
JS数组进阶示例【数组的几种函数用法】
2020/01/16 Javascript
JavaScript文档加载模式以及元素获取
2020/07/28 Javascript
[41:08]TNC vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python3实现发送QQ邮件功能(html)
2017/12/15 Python
python 对象和json互相转换方法
2018/03/22 Python
python实现csv格式文件转为asc格式文件的方法
2018/03/23 Python
Python简单实现网页内容抓取功能示例
2018/06/07 Python
Python使用pyshp库读取shapefile信息的方法
2018/12/29 Python
python super用法及原理详解
2020/01/20 Python
appium+python自动化配置(adk、jdk、node.js)
2020/11/17 Python
python实现简单文件读写函数
2021/02/25 Python
CSS Grid布局教程之网格单元格布局
2014/12/30 HTML / CSS
小区停车场管理制度
2014/01/27 职场文书
安全生产投入制度
2014/01/29 职场文书
欢度春节标语
2014/07/01 职场文书
镇创先争优活动总结
2014/08/28 职场文书
小学生竞选班干部演讲稿(5篇)
2014/09/12 职场文书
2016暑期校本培训心得体会
2016/01/08 职场文书
2019各种保证书范文
2019/06/24 职场文书
《分一些蚊子进来》读后感3篇
2020/01/09 职场文书
MySQL里面的子查询的基本使用
2021/08/02 MySQL