在前端開發中，表單是必不可少的元素，而且在表單中，有時需要清空或重置表單內容。 jQuery 提供了一個 form reset() 方法來滿足這個需求。
什麼是 jQuery form reset() 方法
jQuery form reset() 方法用來重置表單的內容。它會將表單中的所有 input、textarea 和 select 的值都重設為初始值。
語法：
使用jQuery 的方式：
$(selector).trigger("reset");使用JavaScript 的方式：
document.getElementById("formId").reset();參數說明：
範例：
使用jQuery 的方式：
HTML 程式碼：
<form id="myForm"> <label for="name">Name:</label> <input type="text" name="name" id="name" value="Tom"><br> <label for="gender">Gender:</label> <select name="gender" id="gender"> <option value="male">Male</option> <option value="female" selected>Female</option> </select><br> <label for="bio">Bio:</label> <textarea name="bio" id="bio">This is my bio.</textarea><br> <input type="button" value="Reset" id="resetButton"> </form>
jQuery 程式碼：
$(document).ready(function(){
$("#resetButton").click(function(){
$("#myForm").trigger("reset");
});
});使用JavaScript的方式：
HTML 程式碼：
<form id="myForm"> <label for="name">Name:</label> <input type="text" name="name" id="name" value="Tom"><br> <label for="gender">Gender:</label> <select name="gender" id="gender"> <option value="male">Male</option> <option value="female" selected>Female</option> </select><br> <label for="bio">Bio:</label> <textarea name="bio" id="bio">This is my bio.</textarea><br> <input type="button" value="Reset" id="resetButton" onclick="resetForm()"> </form>
JavaScript 程式碼：
function resetForm(){
document.getElementById("myForm").reset();
}實作效果：
點擊Reset 按鈕會清空表單中的所有內容。
注意事項
總結
jquery form reset() 方法就是用來清空表單的，使用方便，能夠快速實現表單內容的重置。但是在實際使用中，需要注意它的一些限制和注意事項，才能更好地應用它來滿足我們的需求。
以上是jquery怎麼利用reset方法重置表單內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！
