from html "array" to javascript array

Question

i've a html page that is made quite like this:

<table id="all">
<tr><td><input type="text" name="search[id]" id="search[id]"></input></td></tr>
<tr><td><input type="text" name="search[name]" id="search[name]"></input></td></tr>
..........ecc ecc..........
</table>

i want with javascript or jquery achieve an array made like this:

{
id:"<value in search[id]>",
name:"<value in search[name]>",
....ecc ecc...
}

the keys of the array aren't static so i can't name them statically in the code. i tried with $("#search") but i haven't been lucky :( Thank you very much for the help! and sorry for the noob question!

What you're asking for isn't actually an "array", which is linear and number-indexed. It's a JavaScript object, which is comparable to an associative array in PHP. — Blazemonger
– Blazemonger, Commented Mar 4, 2013 at 17:08
{name: value, ...} is an Object literal defining an Object not an Array. An JavaScript Array can be defined with its Array literal [value0, value1, value2, ...] — Uwe Günther
– Uwe Günther, Commented Mar 4, 2013 at 17:08
how is the html generated? If you're writing it by hand you're going to want to rewrite the ids for each input to be more clear. Also neither of these things are actually arrays. The HTML is a table, the JS is an object. — Ben McCormick
– Ben McCormick, Commented Mar 4, 2013 at 17:10
Have you considered using $("#myformid").serializeArray()? — user400654
– user400654, Commented Mar 4, 2013 at 17:12

Barney · Accepted Answer · 2013-03-04 17:14:45Z

1

jQuery provides $(form).serializeArray() as documented on their API site (always worth a quick look, that one).

answered Mar 4, 2013 at 17:14

Barney

16.5k5 gold badges66 silver badges80 bronze badges

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

Comments

Denys Séguret · Accepted Answer · 2013-03-04 17:18:43Z

1

var obj = {};
$('#all [id^=search]').each(function() {
   obj[this.id.match(/\[(.*)\]/)[1]] = this.value;
});

DEMONSTRATION

edited Mar 4, 2013 at 17:18

answered Mar 4, 2013 at 17:10

Denys Séguret

384k90 gold badges813 silver badges779 bronze badges

1 Comment

Blazemonger Over a year ago

I think you'd have to escape that [ inside the selector.

Paul S. · Accepted Answer · 2013-03-04 18:36:28Z

This is do-able in native JavaScript; assuming your HTML

function nameToObj(queryName, nodes, context) { // `nodes`, `context` optional
    var o = {}, i, j = queryName.length; // var what we'll need
    context || (context = document);
        // if `context` falsy, use `document`
    nodes || (nodes = context.getElementsByTagName('input'));
        // if `nodes` falsy, get all <input>s from `context`
    i = nodes.length; // initial `i`
    while (i--) { // loop over each node
        if (nodes[i].name.slice(0,j) === queryName) { // test
            o[nodes[i].name.slice(j+1,-1)] = nodes[i].value;
                // match, append to object
        }
    }
    return o; // return object
}
nameToObj('search'); // Object {name: "", id: ""}

Collectives™ on Stack Overflow

from html "array" to javascript array

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related