我有一个简单的搜索界面 - 一个包含很少输入字段和提交按钮的表单。为了清除输入字段中的文本或值,我还输入了“reset”类型的元素。
<input name="commit" type="reset" value="Clear">
如果我点击此输入,它会清除所有字段,但并非总是如此。如果我首先提交表单,则“重置”输入不会清除字段。这是正常行为吗?
另外,我已经决定确保自己使用jQuery并在“click”事件上方的输入上添加函数来清除字段:
$('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('');
有人可以建议我可以尝试解决这个问题吗?