Question

我们如何使用javascript函数刷新或重置表单，该函数应该在同一页面上的另一个表单文本框元素元素上调用。应该在onclick事件上调用函数。我将在javascript中尝试form.rest（）函数，它不适合我。请尝试解决我的问题。我做了两次更改，但无法重置我的表单字段。

$('#myform').trigger("reset");

或我尝试了另一个功能，但它也无法正常工作

$('myform')[0].reset();

Answer 1

在JavaScript中：

document.getElementById('myForm').reset();

或

document.querySelector('#myForm').reset();

Answer 2

试试这个

$(function () {
    $("#reset").on("click", function () {
        $(':input', '#demo')
            .not(':button, :submit, :reset, :hidden')
            .val('')
            .removeAttr('checked')
            .removeAttr('selected');
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="demo">
  <input type="text"><br>
  <input type="text"><br>
  <input type="text"><br>
 <button id="reset">Reset</button>
</form>

我们如何使用javascript函数刷新或重置表单

2 个答案: