如何重置输入字段?jQuery.

How to reset input field? jQuery

本文关键字：jQuery 字段 输入 何重置      更新时间：2023-09-26

我已经阅读了几篇帖子，包括这个和这个，但我似乎无法在提交后清除输入字段。最基本/最基本的方法是什么？

目前我有这个：

$(document).ready(function(){
    $('form[name=checkListForm]').on('submit', function() {
          // prevent the form from submitting
          event.preventDefault();
          var toAdd = $(this).find('input[name=checkListItem]').val();
          $('.list').append("<div class='item'>" + toAdd + "</div>")
          $('input[name=checkListItem').reset();
        });
});

我的HTML是： 

<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">  
    <link rel="stylesheet" href="stylesheet.css">     
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
  </head>
  <body>
    <h2>To Do</h2>
    <form name="checkListForm">
      <input type="text" name="checkListItem" />
      <button type="submit" id="button">Add!</button>
    </form>
    <br/>
    <div class="list"></div>
  </body>
</html>

无需重置，只需使用以下代码为输入字段设置一个空白值：

$('input[name=checkListItem').val('');

为了以特定形式重置所有输入，您还可以使用以下代码（使用:input选择器）：

$('form :input').val('');

这应该有效，（我自己测试过）。 

$(document).ready(function(){
    $('form[name=checkListForm]').on('submit', function() {
          //other code
          $('input[name=checkListItem]').val("")
        });
});

这个对我有用;很少修改。我使用 function(e) 和 e.preventDefault() 并使用$('input[name=checkListItem').val('');而不是 reset（）

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $('form[name=checkListForm]').on('submit', function(e) {
              // prevent the form from submitting
              e.preventDefault();
              var toAdd = $(this).find('input[name=checkListItem]').val();
              $('.list').append("<div class='item'>" + toAdd + "</div>")

              $('input[name=checkListItem').val('');
            });
    });
 </script>
<h2>To Do</h2>
<form name="checkListForm">
  <input type="text" name="checkListItem" />
  <button type="submit" id="button">Add!</button>
</form>
<br/>
<div class="list"></div>

我们可以在提交后写。

document.getElementById("myform").reset();

最后，这对我有用。

$(document).ready(function(){
$('#myForm').on('submit', function() {
$('#checkListItem').val('');
});
});
相关文章：