提交后如何刷新表单？

Question

我有这样的形式

<form id="abc">
<div>
<select >
<option id= "1"> ha1 </option>
<option id= "1"> ha2 </option>
<option id= "1"> ha3 </option>
<option id= "1"> ha4 </option>
</select>
<input type="submit">
</div>
</form>

对于表单提交，我使用过

 $(document).ready(function() {

        $('#abc').submit(function(){

            $.post('filter.php', $(this).serialize(), function(data){

          $('#abc').reset();  //(this).reset();

            });

            return false;

        });

    });

这里重置不起作用。我没有得到任何重置问题。表单提交后，我想用数据库值刷新表单（以显示刚才选择的值）。

提交后如何刷新页面或 div 刷新。

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

Answer 1

$(document).ready(function() {
    $('#abc').submit(function(){
        $.post('filter.php', $(this).serialize(), function(data){
        window.location.href=window.location.href;
        });
        return false;
    });

});

通过将 href 设置为实际的页面来重新加载页面 :)

或者你也可以使用这个：

 parent.document.getElementById("abc").reload();

顺便说一句：我没有看到你的服务器端代码，你必须呈现选定的值，当然，我假设你正在返回它们，我的回答不包括服务器端场景。我的代码仅适用于在将选定值保存到数据库后从服务器返回选定值的情况。

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

Answer 2

使用纯 JavaScript 重置表单字段。

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

原文由 Paramjot Singh 发布，翻译遵循 CC BY-SA 4.0 许可协议