Serialize a form into a query string with YUI3

yui3-serialize-form.js

YUI().use('node', 'array-extras', 'querystring-stringify', function (Y) {
  var form = Y.one('FORM_SELECTOR'), query;
  
  query = Y.QueryString.stringify(Y.Array.reduce(Y.one(form).all('input[name],select[name],textarea[name]')._nodes, {}, function (init, el, index, array) {
    init[el.name] = el.value;
    return init;
  }));

  console.log(query);
});

Thanks this is just what I needed!

Thanks man!

Nice!

Because I have checkboxes and radiobuttons in my form, I adapted the reduce function a bit to get the selected value:

function (init, el, index, array) {
    var isCheckable = (el.type == "checkbox" || el.type == "radio");
    if ((isCheckable && el.checked) || !isCheckable) {
        init[el.name] = el.value;
    }
    return init;
}