Question

在此处阅读相关问题并查看其他信息来源之后，我仍然需要帮助，使我的简单弹出窗口刷新以前在单击取消按钮时输入的数据。所以，我有一个带有几个按钮的标题，供学生点击。其中一个按钮称为“搜索”，单击该按钮时，弹出窗体会显示，以便学生可以键入他/她正在查找的内容，然后按Enter键。在表单中我还构建了一个按钮来关闭弹出窗口。我有我想要建立的行为;我唯一的问题是刷新弹出窗口中输入的信息：所以当我在弹出窗口输入内容时，然后单击按钮关闭，然后单击按钮再次打开弹出窗口，我就是这个问题之前仍然在弹出输入字段中输入。这看起来很简单但很难，我一直在寻找，阅读几个小时。有没有人有什么建议？提前致谢！！这是一些代码：
HTML： https://www.trident.edu/“novalidate autocomplete =”off“＆gt; X

    JS:
    <script>
      $(document).ready(function(){
      $("#search").click(function(){
      $("#fancy-search-form").show();
      $("#hover").click(function(){
      $("#fancy-search-form").hide();
      });
    });
   });
   </script>

Answer 1

尝试reset()

jQuery('#closebutton').on('click', function() {

    jQuery('#theForm').reset();

});

上面的代码段是这样的，如果你点击关闭按钮的点击监听器，你可以选择＆amp;触发reset（）代码。

如果不起作用，请尝试逐个清空每个输入：

jQuery('#closebutton').on('click', function() {

    jQuery('input[name="valone"]').val('');
    jQuery('input[name="valtwo"]').val('');
    // Text area
    jQuery('textarea[name="valfour"]').html('');
    // Drop down
    jQuery('select[name="selectOne"] option:selected').prop('selected', false);
    //Radio button
    jQuery('input[name="radioone"]:checked').prop('checked', false);

});

这个fiddle说明了为什么你应该单独完成每个表单而不是仅覆盖每个表单类型。您不想清除可能用于处理的任何隐藏字段（CSFR令牌？）或任何实际上未处于关闭状态的字段。

如何启用弹出窗体以刷新数据

1 个答案: