zoukankan      html  css  js  c++  java
  • js/jsp清空表单2种方法

    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].value = "";
            }
            else if (objId.elements[i].type == "password") {
                objId.elements[i].value = "";
            }
            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].value = "";
            }
            //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.value = ""; // FF(包括3.5)
            // }
            //}
        }
    }
     
    方法2:使用 reset 按钮
    页面中增加 
    <!--用来清空表单数据-->
    <input type="reset" name="reset" style="display: none;" />
    触发 reset 事件
    $("input[type=reset]").trigger("click");
  • 相关阅读:
    calcite 概念和架构
    在vscode中快速生成vue模板
    curl发送post请求
    【vue】chrome已安装Vue Devtools在控制台却无显示
    java(第一天)
    小游戏之莫交叉
    再谈成麻结账程序2.0
    成麻结账程序
    倍福Twincat2 常用快捷键及部分注意事项
    IP地址,子网掩码、默认网关,DNS服务器之间的联系与区别
  • 原文地址:https://www.cnblogs.com/antis/p/5435120.html
Copyright © 2011-2022 走看看