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动态添加复选框Checkbox的实例方法
Apr 08 Javascript
js hover 定时器(实例代码)
Nov 12 Javascript
JS中attr和prop属性的区别以及优先选择示例介绍
Jun 30 Javascript
js判断滚动条是否已到页面最底部或顶部实例
Nov 20 Javascript
详解Vue.js动态绑定class
Dec 20 Javascript
基于JavaScript实现滑动门效果
Mar 16 Javascript
基于vue.js实现侧边菜单栏
Mar 20 Javascript
JS之if语句对接事件动作逻辑(详解)
Jun 28 Javascript
详解easyui 切换主题皮肤
Apr 04 Javascript
layui 实现加载动画以及非真实加载进度的方法
Sep 23 Javascript
JavaScript监听触摸事件代码实例
Dec 30 Javascript
javascript设计模式之装饰者模式
Jan 30 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 正则表达式之正则处理函数小结(preg_match,preg_match_all,preg_replace,preg_split)
2012/10/05 PHP
JS this作用域以及GET传输值过长的问题解决方法
2013/08/06 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
2015/03/16 Javascript
javascript获取select值的方法分析
2015/07/02 Javascript
11种ASP连接数据库的方法
2015/09/18 Javascript
JavaScript模版引擎的基本实现方法浅析
2016/02/15 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
2016/02/25 Javascript
js计算系统当前日期是星期几的方法
2016/07/14 Javascript
js实现select选择框效果及美化
2016/08/19 Javascript
vuejs2.0实现一个简单的分页示例
2017/02/22 Javascript
js单页hash路由原理与应用实战详解
2017/08/14 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
2017/09/11 jQuery
webpack-dev-server远程访问配置方法
2018/02/22 Javascript
AngularJS中ng-options实现下拉列表的数据绑定方法
2018/08/13 Javascript
微信小程序webview实现长按点击识别二维码功能示例
2019/01/24 Javascript
javascript设计模式 ? 策略模式原理与用法实例分析
2020/04/21 Javascript
梳理一下vue中的生命周期
2020/12/30 Vue.js
[03:21]【TI9纪实】Old Boys
2019/08/23 DOTA
[01:25:33]完美世界DOTA2联赛PWL S3 INK ICE vs Magma 第二场 12.20
2020/12/23 DOTA
python去除空格和换行符的实现方法(推荐)
2017/01/04 Python
python用装饰器自动注册Tornado路由详解
2017/02/14 Python
python实现简单登陆流程的方法
2018/04/22 Python
利用Python如何制作好玩的GIF动图详解
2018/07/11 Python
python+mysql实现教务管理系统
2019/02/20 Python
python实现最速下降法
2020/03/24 Python
解决Python发送Http请求时,中文乱码的问题
2020/04/30 Python
Python 实现微信自动回复的方法
2020/09/11 Python
python绘制汉诺塔
2021/03/01 Python
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
2014/10/11 HTML / CSS
HTML5实现视频弹幕功能
2019/08/09 HTML / CSS
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
Foreo国际站:Foreo International
2018/10/29 全球购物
大学生毕业求职简历的自我评价
2013/10/24 职场文书
一份恶作剧的检讨书
2014/09/13 职场文书
家长反馈意见及建议
2015/06/03 职场文书
利用Python网络爬虫爬取各大音乐评论的代码
2021/04/13 Python