将表单的所有输入重置为默认值而不重新加载

Posted 2023-03-15

【中文标题】将表单的所有输入重置为默认值而不重新加载

【英文标题】：Reset all inputs of a form to default values without reloading

【发布时间】：2016-04-04 02:11:45

【问题描述】：

我想重置我在表单中的所有输入值（文本框、选择、复选框、单选按钮……），就像我重新加载网络时一样，但是当我触摸一个按钮时。

$("#button").click(function () 
     //Here the code that I need   
);

【问题讨论】：

$('#myForm').trigger("reset");

【参考方案1】：

您可以使用 javascript 内置的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>

【参考方案2】：

您可以使用此代码重置完整的表单

$('#myForm').trigger("reset");

【参考方案3】：

你可以这样做

$('input, textarea').val('');
$('select').find('option').prop("selected", false);

【参考方案4】：

试试这个：

$('form[name="myform"]')[0].reset();

【参考方案5】：

我的页面在回发期间保留字段，reset() 不会删除它们。

这对我有帮助： https://***.com/questions/6364289/clear-form-fields-with-jquery

$(".reset").click(function() 
    $(this).closest('form').find("input[type=text], textarea").val("");    
);

可以添加其他类型。