JQueryを使用して行と送信フォームを削除するにはどうすればよいですか？

Question

行を削除する関数を実行しようとすると、行を削除した後にフォームを送信したいと思います。以下 はコードです：

<button type="button" class="icon fa fa-trash-o a-tabel" value="Submit" style="display:none;"></button> 

jQuery(".a-tabel").click(function(e) { 
    e.preventDefault(); 
    jQuery('#a').find('tr:last').remove(); 
    jQuery('#zone-form').submit(); 
}); 

私は、フォームの行を削除することができますし、:(それはフォームを提出されたが、私はページを更新する際に削除された行が帰ってきた 誰かが私のコードで間違っているものを私に伝えることができます。 、ありがとう:) Adysonとcharlietfl必須では説明

Answer 1

としては、フォームがすでにsubmitedされるかどうかを確認、サーバー側を使用しています。

Jqueryの場合は、js-cookie.jsのCookieも使用できます。

フォームの送信時にデータを追加し、データがリフレッシュと削除の行に存在するかどうかを確認します。私は小説を作成しましたCodePen。

http://codepen.io/anon/pen/QdWXpJ

var d = Cookies.get('deleted-row'); // Check if cookie i define 

if(d != undefined){ // If cookie is define 
    removerow($('#a')); // Send element to function for delete row 
} 

$(".a-tabel").click(function(e) { 
    e.preventDefault(); 
    removerow($('#a')); // Send element to function for delete row 
    Cookies.set('deleted-row', 'yes'); // add cookie 
    $('#zone-form').submit(); 
}); 

function removerow(el){ 
    el.find('tr:last').remove(); // Remove your row 
} 

ページでは、それが元削除されていないになりますので、リフレッシュあなたはremove機能Cookies.remove('deleted-row');