Question

我正在研究一个小的PHP脚本，我有一个问题。香港专业教育学院做了一些编辑，允许我在ajax中发布信息，但在帖子后我想清除表格的字段。

<script type="text/javascript">
    $(document).ready(function(){
        $("#form").submit(function(){
            $.get("response.php", $(this).serialize(), function(a){ 
                $("#info").html(a)
            });
            return false
        })
    });
</script>

Answer 1

在提交处理程序中，您可以在表单上调用reset()以将其设置回加载时的状态：

$("#form").submit(function(){
    $.get("response.php", $(this).serialize(), function(a){ 
        $("#info").html(a)
        $('#form')[0].reset();
    });
    return false
})

Answer 2

尝试为所有字段提供空白值

$("#form").find("input[type=text], input[type=password], textarea").val("");

如果您还有复选框和选择框

$(':input','#form')
 .not(':button, :submit, :reset, :hidden')
 .val('')
 .removeAttr('checked')
 .removeAttr('selected');

Answer 3

使用

$("#form")[0].reset();

或

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

Answer 4

使用reset()重置表单：

<script type="text/javascript">
   $(document).ready(function(){
        $("#form").submit(function(){
        $.get("response.php", 
        $(this).serialize(),
        function(a){
        $("#info").html(a);
        $('#form')[0].reset();
    })
  ;return false})});
</script>

ajax发布后的清晰表格

4 个答案: