如何使用 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();   
});

我可以删除表单行并且它正在提交表单，但是当我刷新页面时，已删除的行又回到了:(。有人可以告诉我我的代码中出了什么问题，谢谢:)。

Answer 1

正如Adyson和charlietfl所解释的那样，必须使用服务器端来检查表单是否已提交。

使用 Jquery，您也可以将 cookie 与 js-cookie.js 一起使用。

添加数据 提交

表单时，检查刷新和删除行上是否存在数据。我做了一个简单的代码笔示例。

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功能删除cookie Cookies.remove('deleted-row');