首页 > 代码库 > js方式清空表单数据的两种方式

js方式清空表单数据的两种方式

2024-07-21 09:56:10   221人阅读

原文:js方式清空表单数据的两种方式

方法1：遍历页面元素
/*
清空FORM表单内容  id：表单ID*/ 
function ClearForm(id) {
    var objId = document.getElementById(id);
    if (objId == undefined) {
        return;
    }
    for (var i = 0; i < objId.elements.length; i++) {
        if (objId.elements[i].type == "text") {
            objId.elements[i].valuehttp://www.mamicode.com/= "";
        }
        else if (objId.elements[i].type == "password") {
            objId.elements[i].valuehttp://www.mamicode.com/= "";
        }
        else if (objId.elements[i].type == "radio") {
            objId.elements[i].checked = false;
        }
        else if (objId.elements[i].type == "checkbox") {
            objId.elements[i].checked = false;
        }
        else if (objId.elements[i].type == "select-one") {
            objId.elements[i].options[0].selected = true;
        }
        else if (objId.elements[i].type == "select-multiple") {
            for (var j = 0; j < objId.elements[i].options.length; j++) {
                objId.elements[i].options[j].selected = false;
            }
        }
        else if (objId.elements[i].type == "textarea") {
            objId.elements[i].valuehttp://www.mamicode.com/= "";
        }
        //else if (objId.elements[i].type == "file") {
        // //objId.elements[i].select();
        // //document.selection.clear();
        // // for IE, Opera, Safari, Chrome
        // var file = objId.elements[i];
        // if (file.outerHTML) {
        // file.outerHTML = file.outerHTML;
        // } else {
        // file.valuehttp://www.mamicode.com/= ""; // FF(包括3.5)
        // }
        //}
    }
}
 
方法2：使用 reset 按钮
页面中增加 
<!--用来清空表单数据-->
<input type="reset" name="reset" style="display: none;" />
触发 reset 事件
$("input[type=reset]").trigger("click");
 
 
 
 
 
 

js方式清空表单数据的两种方式


联系
我们