打开时重置表单中的所有字段

Question

我有两个表单位于portlet中的两个选项卡下。当我单击选项卡2时，我希望该表单中的所有字段都为空。我不想要一个按钮。我试过

function resetForm($form) {
    $form.find('input:text, input:password, input:file, select, textarea').val('');
    $form.find('input:radio, input:checkbox')
         .removeAttr('checked').removeAttr('selected');
}

<input id="button" type="hidden" onclick="resetForm"/></p>

但字段仅在单击时变为空。

Answer 1

只需致电：

$form.get(0).reset();

使用.get()可以从jQuery对象中获取DOM元素。表单（HTMLFormElement）的DOM元素有一个reset method，可以恢复表单的默认值。

您应该将其放在标签2的点击事件处理程序中。