如何重置输入字段? jQuery

新手上路,请多包涵

我已经阅读了几篇文章,包括 thisthis ,但我似乎无法在提交后清除输入字段。做到这一点的最基本/基本方法是什么?

目前我有这个:

 $(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>

原文由 TheRealFakeNews 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 776
2 个回答

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

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

为了以特定形式重置所有输入,您还可以使用以下代码(使用 :input 选择器):

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

原文由 stark 发布,翻译遵循 CC BY-SA 4.0 许可协议

这应该有效,(我自己测试过)。

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

原文由 kodvin 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题