javascript - 如何获取特定表单FormData

Question

我想使用 html5 FormData api。就像这样:

var formData = new FormData(document.querySelector('form'))

但我有多种形式。如何选择特定的表单，例如:

<form accept-charset="UTF-8" action="/timeline_events" class="timeline-event-form timeline_event_form">

？

Answer 1

您可以使用document.querySelectorAll('form')。这将返回所有表格的列表。现在，您只需使用此节点列表上的 index 即可获取任何形式的数据，例如

var froms = document.querySelectorAll('form');
var f1Data = new FormData(forms[1]); //To get the data of first form
var f2Data = new FormData(forms[2]);
....

或者您也可以将数据属性添加到每个表单，然后选择所需的表单

类似的东西

<form data-form="form-1">...</form>
<form data-form="form-2">...</form>
<form data-form="form-3">...</form>

现在您可以使用 document.querySelector('form[data-form="form-1"]'); 获取第一个表单等