javascript - 表单清除按钮功能无法正常工作

Question

我有一个表单，其中包含提交按钮和清除按钮。最初清除按钮工作正常，没有问题，但在我提交表单后，如果没有找到结果，表单保持填充状态，清除按钮不起作用。即使我刷新页面，表单也会保持填充状态。但在提交之前，如果我输入任何内容并按清除，一切正常。我在控制台中没有收到任何错误。很困惑。帮助!

J查询:

function resetHandler(){
$('#type').find('option[value=ALL]').attr("selected",true);
$('#forecastIsc').find('option[value=ALL]').attr("selected",true);
$('#labelNbr').val("");
$('#senderSel').find('option[value=equal]').attr("selected",true);
$('#sender').val("");
$('#recipientSel').find('option[value=equal]').attr("selected",true);
$('#recipient').val("");
$('#divIscCode').hide();
$('#loadDates').hide();
$('#error').hide();
}

表格:

<td width="5%"><input type="reset" id="reset" value="Clear"/><br>

Controller :

if(hasError){
        model.addObject("hasError", true);
        model.addObject("errorMessage", errorMessage);
formbean = (SelectionParams)request.getSession().getAttribute("sessionBean");
        //test
        System.err.println("here for testing from viewAnalysisSelection");
        System.err.println("Type is: " + formbean.getType());
        System.err.println("IscCode is: " + formbean.getForecastIsc());
        System.err.println("ActualIscCode is: " + formbean.getActualIsc());
        System.err.println("labelNbr is: " + formbean.getLabelNbr());
        System.err.println("senderOp is: " + formbean.getSenderOp());       
    System.err.println("senderLastName is: " + formbean.getSenderLastName());
        System.err.println("receiverOp is: " + formbean.getReceiverOp());
System.err.println("receiverLastName is: " + formbean.getReceiverLastName());
        model.addObject("parcel", formbean);
        model.addObject("defaultType", formbean.getType());
    }

    model.addObject("noBackTag", true);

Answer 1

问题是 id 如果您输入类型 reset 将其更改为其他内容，例如 myreset，那么它将起作用。我不知道为什么我们不能重置 ID，但我已经完成了。

HTML

<td width="5%"><input type="reset" id="myreset" value="Clear"/><br>

Javascript

$('#myreset').click(function(){
  $('form')[0].reset();
});