Question

how to collect form atrribute “name” and “value” into array from specific part of form using javascript?

I have a part of form like this:

<div class="multiPickerForm">
<input type="text" name="Id" value="1">
<input type="text" name="OrderNumber" value="SK4569">
<span class="multiPickerItemAddBtn"></span>
</div>

i need to read that part of form using javascript and create array of objects like.

var obj = { name:'OrderNumber', value:'SK4569' } 

or something like that so i could loop it and access data easily from formated objects for further development.

Any advice would be highly apreciated. Thanks

Answer 1

This ought to do it:

var obj = [];
$("div.multiPickerForm :input").each(function () {
  var tmpPair new Object();
  tmpPair['name'] = $(this).attr('name');
  tmpPair['value'] =  = $(this).val();
  obj.push(tmpPair);
});

console.log(obj);