獲取所有表單值到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"]` 
})

演示

查看數組