Question

我在使用Javascript / jQuery清除表单时遇到问题

以下是我的表单的定义方式 - 所有标签都按其应该的顺序关闭

<form id="eventpostform" name="eventpostform" method="post" action="post">
    <table cellspacing="5px" style="margin-top: 10px;" width="100%" cellpadding="0" cellspacing="0">
        <tr>
            <td width="180px">Event Name:</td>
            <td width="210px"><a class="param_submit" style="width:86px;padding:6px 5px;margin-left:16px;" alt="" onclick="clearform();">Clear Form</a></td>

我尝试过以下但没有运气：

$('#eventpostform').clearForm();
$('#eventpostform').resetForm();
$('#eventpostform').reset();
document.getElementById("eventpostform").reset();

前2名什么也不做，其他两名显示错误"Uncaught TypeError: Cannot call method 'reset' of null"

Answer 1

您可以清除表单对象上的reset方法而不是表单中的控件。您必须清除单个html元素，但他们的方法，例如要清除文本框，您可以将其值设置为''或某个值。

重置表单中的所有控件

document.getElementById("eventpostform").reset();

清除个别控制

document.getElementById("textboxId").value = '';

使用jQuery

$('#id').val('');

Answer 2

试试这个：

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

清除表单问题

2 个答案: