使具有多个表单的页面上的特定表单不可见

Question

我在页面上有多个表单。每个表单都有一个提交按钮。

当我点击表单上的提交时，它应该变得不可见。尚未提交的表格应保持可见。

我不想在提交每个表单时刷新页面。

我正在使用Node.js，Express.js和mongodb。

Answer 1

document.querySelectorAll('[data-form]').forEach(function(el) {
    el.addEventListener('submit', function(e) {
      e.preventDefault()
      //do some ajax if needed
      e.currentTarget.remove()
    })
})

我为你创造了一个小例子。

https://jsfiddle.net/aw9aL8mf/