Question

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

Jquery的：

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>

控制器：

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();
});

Answer 2

通过将类型更改为按钮而不是重置为我工作！

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

2 个答案: