2016-04-22 18 views
1

ユーザーがフォームを正常に送信した後にフォーム番号を増やしたいとします。 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>

+0

https://jsfiddle.net/jyotirawat/7ysk905c/は例 –

+2

てくださいです**あなたの元の質問とその中にコードを追加する** [編集] **。リンクは大丈夫ですが、基本的なコードに付いている場合のみです:) –

+0

フォームは実際に提出されますか*?それとも、AJAX経由で送るのですか? –

答えて

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>

+1

しかし、この場合、ユーザが入力した値はリセットされ、フォームは提出されません – Manish

+0

hi praveenでは、関数を呼び出す代わりに、他の方法がありますか?私はこのフォームをGoogleフォームとして提出した後に値がExcelシートに保存され、私はすでにsubmitボタンにonclick関数を入れているからです。 –

+0

@Manish私は知っています。問題はカウントを増やすことでした。 OPは、提出時にAJAXコールを発射することも選択できます。 –

関連する問題