将表单的所有输入重置为默认值而无需重新加载
Reset all inputs of a form to default values without reloading
我想重置我在表单(文本框、选择、复选框、单选按钮等)中输入的所有值,就像我重新加载网络一样,但是当我触摸按钮时。
$("#button").click(function () {
//Here the code that I need
});
您可以使用 JavaScript built-in reset()
函数重置表单:
$("#otra").click(function () {
$("#yourFormId")[0].reset();
});
工作演示:
$("#otra").click(function () {
$("#yourFormId")[0].reset();
return false; // prevent submitting
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="yourFormId">
<input type="checkbox" name="myCB"/>
<input type="text" name="myTB" value=""/>
<button id="otra">Reset</button>
</form>
您可以使用此代码重置完整的表格
$('#myForm').trigger("reset");
你可以这样做
$('input, textarea').val('');
$('select').find('option').prop("selected", false);
试试这个:
$('form[name="myform"]')[0].reset();
我的页面在 post 返回期间保留字段,reset() 不会删除它们。
这对我有帮助:
$(".reset").click(function() {
$(this).closest('form').find("input[type=text], textarea").val("");
});
可以添加其他类型
我想重置我在表单(文本框、选择、复选框、单选按钮等)中输入的所有值,就像我重新加载网络一样,但是当我触摸按钮时。
$("#button").click(function () {
//Here the code that I need
});
您可以使用 JavaScript built-in reset()
函数重置表单:
$("#otra").click(function () {
$("#yourFormId")[0].reset();
});
工作演示:
$("#otra").click(function () {
$("#yourFormId")[0].reset();
return false; // prevent submitting
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="yourFormId">
<input type="checkbox" name="myCB"/>
<input type="text" name="myTB" value=""/>
<button id="otra">Reset</button>
</form>
您可以使用此代码重置完整的表格
$('#myForm').trigger("reset");
你可以这样做
$('input, textarea').val('');
$('select').find('option').prop("selected", false);
试试这个:
$('form[name="myform"]')[0].reset();
我的页面在 post 返回期间保留字段,reset() 不会删除它们。
这对我有帮助:
$(".reset").click(function() {
$(this).closest('form').find("input[type=text], textarea").val("");
});
可以添加其他类型