dom_dom0600_005

FormData から値を取り出すには formData.( A )(“field”) を使う。複数値のフィールド(同名チェックボックスなど)を配列で受けるには formData.( B )(“field”) を使う。

解答

A: get
B: getAll

解説

FormData#get は最初の値、#getAll はすべての値を配列で返します。同名の複数入力がある場合は getAll が必要です。

使用例(サンプルコード)

[ html ]

<form id="f">
  <label><input type="checkbox" name="tag" value="js">JS</label>
  <label><input type="checkbox" name="tag" value="dom">DOM</label>
</form>
<script>
  const fd = new FormData(document.getElementById('f'));
  console.log(fd.get('tag'));    // 最初の1件: "js" 等
  console.log(fd.getAll('tag')); // ["js","dom"] 等
</script>