获取所有表单值到javascript数组中

Question

我正在尝试将所有表单值放入普通的array []中。 我已经将它用于标签，但是后来我添加了一些标签，但似乎无法获取它。

仅使用标签即可

var content = document.querySelectorAll("#form input[name='content[]']");

我目前正在尝试这样的事情

var content = document.elements["content[]"].value;

表单可以从用户的输入中更改，因为表单的每个部分都是他们选择添加的模块。 按顺序获取值也很重要，如果不可能的话，则需要将其设为JSON数组。 纯JavaScript或jquery都可以。

感谢您的任何帮助。

编辑

我用这个来解决我的问题

  var contents=[]
  var content = $('#form').serializeArray()
  for (var i = 0; i < content.length; i++) {
    contents[contents.length]=content[i].value
  };

Answer 1

尝试

HTML

<form id="form">
    <input type="text" name="content[]" value="abc" />
    <textarea name="textarea" value="">123</textarea>
</form>

JS

$(function() {
  var form = $("#form");
    // escape `[]`
    var content = form.find("input[name=content\\[\\]]");
    // array `literal declaration` 
    var _arr = [content.prop("value")];
    // map all form values to single array
    var arr = $.map(form.serializeArray(), function(v, k) {
      return [v.value]
    });
    // array literal with `textarea` `value`
    var t = [$("textarea").prop("value")];
    console.log(_arr, arr, t); 
    // _arr: `["abc"]` , arr:`["abc", "123"]` t:`["123"]` 
})

演示

查看数组