How to convert inputs values to JavaScript object?

Question

I have the following input DOM nodes:

<input type="text", name="name", "value": "Erik">
<input type="text", name="age", "value": "25">

I need to make object from the DOM above like the following:

{
    name: "Erik",
    age: 25
}

How to do it with jQuery?

EDIT: I need something like the following:

var result = $('input[name]').map(function (i, input) {
   var result = {};
   result[input.name] = input.value;       

   return result;
});

But $.map method returns array instead object;

it should look like this in first place, remove the quotes from value <input type="text", name="name", value: "Erik"> — topless
– topless, Commented May 10, 2014 at 12:01

Tudor Vintilescu · Accepted Answer · 2014-05-10 12:07:47Z

2

Well, if using JQuery you have to reference them somehow. Given that you have no specific class applied, you can try something like this, which gathers all input values from your page:

var myValue = {};

$('input').each(function(){
    myValue[$(this).attr('name')] = $(this).val();
}

If you only want to get the names of specific input elements on your page, then you must refine the $('input') selector to something more specific.

answered May 10, 2014 at 12:07

Tudor Vintilescu

1,4602 gold badges17 silver badges28 bronze badges

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

Comments

topless · Accepted Answer · 2014-05-10 12:05:08Z

1

Here is how you can capture your values in an object

var obj = {
  name: $("input[name='name']").val(),
  age: $("input[name='age']").val()
};
console.log(obj);

answered May 10, 2014 at 12:05

topless

8,23111 gold badges60 silver badges87 bronze badges

Collectives™ on Stack Overflow

How to convert inputs values to JavaScript object?

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