js清空form表單中的內容示例
更新時間:2014年05月20日 17:26:06 作者:
這篇文章主要介紹了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 = "";
}
}
}
相關文章
select下拉框插件jquery.editable-select詳解
本篇文章主要介紹了select下拉框插件jquery.editable-select。具有很好的參考價值,下面跟著小編一起來看下吧2017-01-01
基于JavaScript實現百葉窗動畫效果不只單純flas可以實現
看到這種百葉窗效果的動畫,以為是用flash做的,下面通過本文給大家介紹基于JavaScript實現百葉窗動畫效果,需要的朋友參考下吧2016-02-02

