jquery 表单元素到数组

Question

我试图将所有表单元素放入数组，然后使用 jquery 的 $.each() 函数循环遍历它们，并在该函数中获取每个元素的 id 和 title 属性。

我尝试过serializeArray()，但只能获取“名称”和“值”属性。

我需要一些东西来收集所有表单元素，无论它是输入（无论类型）、选择、文本区域，还是无论它是否具有值、被选中还是隐藏。

也许像 $('#form_id').find('input select textarea'); ？

知道如何实现这一目标吗？

Answer 1

您可以使用 :input 伪类获取所有表单元素：

var elems = $('#form_id').find(':input'); // changed this line

Answer 2

用途：

$('#form_id')[0].elements

它将返回一个包含所有表单元素的nodeList。

jQuery(
  function($)
  {
    $.each($('#form_id')[0].elements,
           function(i,o)
           {
            var _this=$(o);
            alert('id:'+_this.attr('id')+'\ntitle:'+_this.attr('title'));
           })

  }
);

---

<编辑>
请注意：elements-collecttion 还可能包含字段集或对象等元素，请参阅：http://www.w3.org/TR/html5/forms.html#category-listed

Answer 3

我认为这可以按照你想要的方式工作：

$('#form_id').children('input, select, textarea')

Answer 4

您可以使用此功能

$.fn.serializeAssoc = function() {
    var formData = {};
    this.find('[name]').each(function() {
        formData[this.name] = this.value;  
    })
    return formData;
};

//And Use it like this

objArr = $('#FormID').serializeAssoc();