jQuery serialize form with array

Question

I've got some dynamic form with inputs like

<input type="text" name="admins[0]['email']">
<input type="text" name="admins[1]['email']">
<input type="text" name="admins[2]['email']">

And so on. When I do .serializeArray(); on it, They are treated as separated, different names. I would like output to be

admins
|
-->0
|  \-->email => value
-->1
|  \-->email => value
-->2
   \-->email => value

So "admins" would be single array. Is it possible? (I'm sending data with ajax)

Take the output of serializeArray() and customize it to suit your needs — shyam
– shyam, Commented Nov 18, 2013 at 11:10

gotofritz · Accepted Answer · 2013-11-18 11:21:15Z

1

Simple approach

var serializedArray = {};
$( "input, textarea" ).each( function( i, el ){
  var $field = $( this )
    , rawName = $field.attr( "name" )
    , matches = rawName.match( /^(.+?)\[\d+\]\['(.+)'\]$/ )
    , key
    , subKey
    , value = $field.val()
    , subValue = {]}
    ;

  if( matches ){

    if( !( key in serializedArray ) ){
      serializedArray[key] = [];
    }

    subValue[subKey] = value;
    serializedArray[key].push(subValue);

  } else {
    serializedArray[rawName] = value;

  }
});

answered Nov 18, 2013 at 11:21

gotofritz

3,3912 gold badges33 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kmas · Accepted Answer · 2013-11-18 11:27:36Z

0

You can use the startsWith syntax of jQuery.

var admins = new Array();
$( "input[name^='admins']" ).each(function(i, val){
    // val ==> admins[0]['email']
    // $(this).val() ==> the value of the input
    admins[i][val.substring(val.indexOf("'"), val.length-2);]
});

Jquery startsWith selector.

Jquery each info.

answered Nov 18, 2013 at 11:27

kmas

6,44913 gold badges44 silver badges63 bronze badges

Collectives™ on Stack Overflow

jQuery serialize form with array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related