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 删除字符串空格多种方法小结
Oct 24 Javascript
JS实现仿Windows7风格的网页右键菜单效果代码
Sep 11 Javascript
Perl Substr()函数及函数的应用
Dec 16 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
完美实现八种js焦点轮播图(上篇)
Jul 18 Javascript
详解vue-cli中配置sass
Jun 21 Javascript
Vue DevTools调试工具的使用
Dec 05 Javascript
微信小程序调用微信支付接口的实现方法
Apr 29 Javascript
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
May 13 Javascript
vue使用showdown并实现代码区域高亮的示例代码
Oct 17 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 jQuery
vue keep-alive的简单总结
Jan 25 Vue.js
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判断变量类型常用方法
2012/04/24 PHP
PHP JSON出错:Cannot use object of type stdClass as array解决方法
2014/08/16 PHP
Yii使用smsto短信接口的函数demo示例
2016/07/13 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
Javascript实例教程(19) 使用HoTMetal(6)
2006/12/23 Javascript
可以将word转成html的js代码
2010/04/11 Javascript
AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)
2010/11/20 Javascript
jQuery LigerUI 使用教程入门篇
2012/01/18 Javascript
js定时器怎么写?就是在特定时间执行某段程序
2013/10/11 Javascript
JS实现页面超时后自动跳转到登陆页面
2015/01/19 Javascript
JavaScript 对象深入学习总结(经典)
2015/09/29 Javascript
jQuery实现简易的天天爱消除小游戏
2015/10/16 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
2017/02/14 Javascript
使用 Vue.js 仿百度搜索框的实例代码
2017/05/09 Javascript
微信小程序实现滚动消息通知
2018/02/02 Javascript
jQuery实现的电子时钟效果完整示例
2018/04/28 jQuery
react 父子组件之间通讯props
2018/09/08 Javascript
vue 引用自定义ttf、otf、在线字体的方法
2019/05/09 Javascript
基于 Vue 的 Electron 项目搭建过程图文详解
2020/07/22 Javascript
Vue 请求传公共参数的操作
2020/07/31 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
2020/11/09 Javascript
Python实现3行代码解简单的一元一次方程
2014/08/18 Python
跟老齐学Python之从格式化表达式到方法
2014/09/28 Python
Python获取Linux系统下的本机IP地址代码分享
2014/11/07 Python
Python制作刷网页流量工具
2017/04/23 Python
详解Python文件修改的两种方式
2019/08/22 Python
python实现的Iou与Giou代码
2020/01/18 Python
文件上传服务器-jupyter 中python解压及压缩方式
2020/04/22 Python
html5 学习简单的拾色器
2010/09/03 HTML / CSS
HTML5 SEO优化的一些建议
2020/08/27 HTML / CSS
Clarks鞋美国官网:全球领军鞋履品牌
2017/05/13 全球购物
跟单业务员岗位职责
2014/03/08 职场文书
春节联欢会策划方案
2014/05/16 职场文书
自定义函数实现单词排序并运用于PostgreSQL(实现代码)
2021/04/22 PostgreSQL
Python快速实现一键抠图功能的全过程
2021/06/29 Python
JavaScript数组 几个常用方法总结
2021/11/11 Javascript