2

我有一个简单的搜索界面 - 一个带有少量输入字段和提交按钮的表单。为了从输入字段中清除文本或值,我还输入了类型为“reset”的元素。

<input name="commit" type="reset" value="Clear">

如果我单击此输入,它会清除所有字段,但并非总是如此。如果我首先提交表单,那么“重置”输入不会清除字段。这是正常行为吗?

另外,我决定确保自己使用 jQuery 和在“单击”事件上方的输入上添加函数始终清除字段:

$('input:reset').on('click',function(){

  var form = $(this).closest('form');

  $(form).find('input:text').val('');
  $(form).find('input:checkbox').prop('checked',false);

});

那也不行。这很奇怪,因为如果我在控制台中执行以下行,它会成功清除输入:

$('input:reset').closest('form').find('input:text').val('');

任何人都可以建议我可以尝试解决这个问题吗?

4

0 回答 0