使特定表單在具有多個表單的頁面上不可見

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/