javascript - 对表单使用 Reset() 函数返回 "property of undefined"

Question

我正在尝试使用 Reset() 函数来重置我的表单，但出现如下错误:

Uncaught TypeError: Cannot read property 'reset' of undefined

虽然它工作没有任何问题!!

这是我的代码 (jQuery):

$('#frmManageCoding')[0].reset();

(HTML):

<form method="POST" action="https://petrocanada.dev/admin/coding/vendors" accept-charset="UTF-8" id="frmManageCoding">
    <input name="_token" type="hidden" value="soXhq24ixsvzhRKPDBwcSgeyxv3BiqIW5LJWhjCX">
    <input type="hidden" name="_method" value="POST">
    <input id="id" name="id" type="hidden">
    <input id="page" name="page" type="hidden" value="vendors">
    <div class="modal-header">
        <h5 class="modal-title" id="manageCodingModalLabel">Add New</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    <div class="modal-body">
        <div class="form-group">
            <label for="name">Name</label>
            <input class="form-control" placeholder="Enter brand name" required="required" name="name" type="text" id="name">
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-primary">Save changes</button>
    </div>
</form>

有什么建议吗？

Answer 1

如果您使用的是 ID，则无需定位数组中的特定项目([0] 表示它是第一项)。试试这个(未经测试但很容易尝试)

$('#frmManageCoding').reset();

希望它有用，祝你好运:)