如何使用.reet()方法使用jQuery重置表单

Question

如何使用.reet()方法使用jQuery重置表单我有工作代码，当我点击重置按钮时，可以重置我的表单。然而，在我的代码变得越来越长之后，我意识到它不再工作了。 <div id="labels">         <table class="config">             <thead>                 <tr>                     <th colspan="4"; style= "padding-bottom: 20px; color:#6666FF; text-align:left; font-size: 1.5em">Control Buttons Configuration</th>                 </tr>                 <tr>                     <th>Index</th>                     <th>Switch</th>                     <th>Response Number</th>                     <th>Description</th>                 </tr>             </thead>             <tbody>                 <form id="configform" name= "input" action="#" method="get">                 <tr><td style="text-align: center">1</td>                     <td><img src= "static/switch.png" height="100px" width="108px"></td>                     <td id="small"><input style="background: white; color: black;" type="text" value="" id="number_one"></td>                     <td><input style="background: white; color: black;" type="text"  id="label_one"></td>                 </tr>                 <tr>                     <td style="text-align: center">2</td>                     <td><img src= "static/switch.png" height="100px" width="108px"></td>                     <td id="small"><input style="background: white; color: black;" type="text" id = "number_two" value=""></td>                     <td><input style="background: white; color: black;" type="text"  id = "label_two"></td>                 </tr>                 <tr>                     <td style="text-align: center">3</td>                     <td><img src= "static/switch.png" height="100px" width="108px"></td>                     <td id="small"><input style="background: white; color: black;" type="text" id="number_three" value=""></td>                     <td><input style="background: white; color: black;" type="text" id="label_three"></td>                 </tr>而.reset()方法起作用了。这可能是其中一个原因吗？

Answer 1

您可以尝试使用触发器()参考链接

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

Answer 2

根据这个职位这里，jQuery没有reset()方法，但本机JavaScript可以。因此，可以使用以下两种方法将jQuery元素转换为JavaScript对象：

$("#formId")[0].reset()// or$("#formId").get(0).reset()