如何增加並顯示提交後的表格編號

Question

我想在用戶成功提交表格後增加表格編號。有什麼方法通過JavaScript或jQuery來增加它嗎？

<form action=""> 
 
    form no:1<br> 
 
    First name:<br> 
 
    <input type="text" name="firstname" value =""> 
 
    <br> 
 
    Last name:<br> 
 
    <input type="text" name="lastname"> 
 
    <button type="submit" onclick="">Submit</button> 
 
</form>

Answer 1

我建議是這樣的：

$(function() { 
 
    $("form").submit(function() { 
 
    $.post("url", $(this).serialize(), function() { 
 
     $("#count").text(parseInt($("#count").text() + 1); 
 
    }); 
 
    return false; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action=""> 
 
    form no: <span id="count">1</span><br> 
 
    First name:<br> 
 
    <input type="text" name="firstname" value =""> 
 
    <br> 
 
    Last name:<br> 
 
    <input type="text" name="lastname"> 
 
    <button type="submit" onclick="increment();">Submit</button> 
 
</form>