我有一个标准的重置按钮的形式编码如下:
<input type="reset" class="button standard" value="Clear" />
问题是，所述表单是多阶段排序的，所以如果用户填写了一个阶段，然后稍后返回，当单击Clear按钮时，各个字段的“记住”值不会重置。
我在想，附加一个jQuery函数循环所有的字段和清除他们'手动'将做的技巧。我已经在使用jQuery的形式，但我只是刚刚赶上速度&所以我不知道如何做到这一点，除了单独引用每个字段的ID，这似乎不是很有效。
请TIA帮忙。
当前回答
我只是PHP的中级水平，有点懒于钻研像JQuery这样的新语言，但下面不是一个简单而优雅的解决方案吗?
<input name="Submit1" type="submit" value="Get free quote" />
<input name="submitreset" type="submit" value="Reset" />
不知道为什么不设置两个提交按钮，只是目的不同而已。 然后简单的:
if ($_POST['submitreset']=="Reset") {
$_source = "--Choose language from--";
$_target = "--Choose language to--"; }
你只需要重新定义你的值回到默认值。
其他回答
Paolo的回答没有考虑日期选择器，添加这个:
$form.find('input[type="date"]').val('');
修改$(document).ready()情况投票最多的答案:
$('button[type="reset"]').click(function(e) {
$form = $(this.form);
$form.find('input:text, input:password, input:file, select, textarea').val('');
$form.find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected');
e.preventDefault();
});
我对保罗·伯甘蒂诺最初的回答做了一点改进
function resetFormInputs(context) {
jQuery(':input', context)
.removeAttr('checked')
.removeAttr('selected')
.not(':button, :submit, :reset, :hidden')
.each(function(){
jQuery(this).val(jQuery(this).prop('defautValue'));
});
}
通过这种方式，我可以将任何上下文元素传递给函数。我能够重置整个表单或仅某一组字段，例如:
resetFormInputs('#form-id'); // entire form
resetFormInputs('.personal-info'); // only the personal info field set
另外，输入的默认值将被保留。
以下是我的解决方案，它也适用于新的html5输入类型:
/**
* removes all value attributes from input/textarea/select-fields the element with the given css-selector
* @param {string} ele css-selector of the element | #form_5
*/
function clear_form_elements(ele) {
$(ele).find(':input').each(function() {
switch (this.type) {
case 'checkbox':
case 'radio':
this.checked = false;
default:
$(this).val('');
break;
}
});
}
我也有同样的问题，保罗的职位帮助了我，但我需要调整一件事。我使用id advancedindexsearch的表单只包含输入字段，并从会话中获取值。出于某种原因，下面这些方法对我来说并不管用:
$("#advancedindexsearch").find("input:text").val("");
如果我在这之后放了一个警告，我看到了正确删除的值，但之后它们又被替换了。我仍然不知道为什么，但下面这句话确实对我起了作用:
$("#advancedindexsearch").find("input:text").attr("value","");
