关于crud.js重置表单的信息

更新： <time datetime="2022-11-09 21:36">2022-11-09 21:36</time>

本文目录一览：

1. 用js代码清空表单数据
2. angularjs怎么重置表单
3. 用JS怎么清空表单
4. 如何使用javascript做出重置效果？

用js代码清空表单数据

两种方式： 一、使用 reset 类型的按钮 二、使用 reset 方法

<form name="form1">
  <input type="reset" value="重置" />
  <input type="button" value="清除" onclick="form1.reset()" />
  <input type="text" name="text1" />
  <input type="text" name="text2" />
</form>

angularjs怎么重置表单

我们前端有一个方式就是在界面提供一个重置按钮，然后在界面设置你要重置的区域，设置一个id，然后调用如下函数，可以清除所有 input 或者 select 已经勾选的选项：

// 重置
$scope.onReset = function() {
  $.each($('#query_criteria_mo').find('input'), function(i, ele) {
    if ($(ele).attr('type') == 'text') {
      $(ele).val('');
    }
  });
  $.each($('#query_criteria_mo select'), function(i, ele) {
    var selIndex = $(ele).get(0).selectIndex;
    $(ele).get(0).selectedIndex = 0;
  });
};

用JS怎么清空表单

JS清空表单有二种方法：遍历和 reset； 分别如下：

方法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 = "";
    }
  }
}

方法2：使用 reset 按钮

页面中增加：

<!-- 用来清空表单数据 -->
<input type="reset" name="reset" style="display: none;" />

触发 reset 事件：

$("input[type=reset]").trigger("click");

如何使用javascript做出重置效果？

思路：本题要想实现用 JavaScript 做出重置效果需要用到 JavaScript 实现重置表单（reset）的方法。 例子：

<form id="form1">
  <input type="text" id="name" />
  <input type="button" value="这个用JavaScript清除" onclick="document.getElementById('form1').reset()" />
  <input type="reset" value="这个是Form清除" />
</form>