Question

Is it possible when using jQuery’s $.serialize() or $.serializeArray() to get the types of input fields (their attributes) that are being serialized? Obviously it sends the input names in the headers, but I’m wondering if I could grab like: textarea, input type="text", input type="radio"?

Answer 1

Can manipulate form input properties easily to any structure you want. Here’s 2 flavors

DEMO: http://jsfiddle.net/zd3Pc/

/* array of element objects */
var formMap = $.map($('form :input'), function(el, idx) {
    return {
        type: el.type,
        value: el.value,
        name: el.name
    };
});

/* object with arrays of name and value properties within type property */

var formObj = {}
$('form :input').each(function() {
    if (!formObj[this.type]) {
        formObj[this.type] = [];
    }
    formObj[this.type].push({
        name: this.name,
        value: this.value
    })
})