结算表格问题

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

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

重置表单中的所有控件

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

清除个人控制

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

使用 jQuery

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

Answer 2

试试这个：

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