这篇文章主要介绍了js如何清空form表单中的内容,下面有个不错的示例,大家可以参考下
 
//清空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 = "";
}
}
}
最新资讯
德国英飞凌否认暂停向华为供货

德国英飞凌否认暂停向

德国半导体制造企业英飞凌21日对新华社记者表示,将继续
中国经济的韧性|华为:三十功名 向死而生

中国经济的韧性|华为:三

他们往往不会站在前台锋芒毕露,成为媒体的宠儿、谈论自
小度智能音箱出货量中国第一 负责人晋升百度副总裁

小度智能音箱出货量中

小度智能音箱出货量升至中国第一,负责人景鲲晋升百度副
美团王慧文谈那些年踩过的“坑”

美团王慧文谈那些年踩

王慧文表示,“消费互联网跟产业互联网之间的融合”就像
NASA公布最新登月计划:2028年开建月球基地

NASA公布最新登月计划

近日,NASA更新了代号“阿尔忒弥斯”的登月计划细节。在
一图看全任正非受访:华为已准备好 不会出现极端情况

一图看全任正非受访:

任正非今日在华为总部接受了新浪科技等媒体的专访,对近
最新文章
JavaScript解析及序列化JSON的方法实例分析

JavaScript解析及序列

这篇文章主要介绍了JavaScript解析及序列化JSON的方法
如何为vuex实现带参数的 getter和state.commit

如何为vuex实现带参数

这篇文章主要介绍了如何为vuex实现带参数的getter和st
使用VUE+iView+.Net Core上传图片的方法示例

使用VUE+iView+.Net C

这篇文章主要介绍了使用VUE+iView+.Net Core上传图片
JS实现的获取银行卡号归属地及银行卡类型操作示例

JS实现的获取银行卡号

这篇文章主要介绍了JS实现的获取银行卡号归属地及银行
Angular6 用户自定义标签开发的实现方法

Angular6 用户自定义

这篇文章主要介绍了Angular6 用户自定义标签开发的实
React 实现拖拽功能的示例代码

React 实现拖拽功能的

这篇文章主要介绍了React 实现拖拽功能的示例代码,小编