How to read input two dimensional array value in jquery?

Question

I have a form to add many contacts in html the input is two dimensional array here is the form:

<input class="form-control" type="text" name="account[0][name]" placeholder="Name"  autocomplete="off" />
<input class="form-control" type="text" name="account[0][email]" placeholder="Email"  autocomplete="off" />
<input class="form-control" type="text" name="account[0][mobile]" placeholder="Mobile"  autocomplete="off" />

<input class="form-control" type="text" name="account[1][name]" placeholder="Name"  autocomplete="off" />
<input class="form-control" type="text" name="account[1][email]" placeholder="Email"  autocomplete="off" />
<input class="form-control" type="text" name="account[1][mobile]" placeholder="Mobile"  autocomplete="off" />

I am trying to get the value using jqueryI tried the following, it returns the value but i want to return an input value of account name or account email or account mobile

 $('input[name^="account"]').each(function() {
                console.log($(this).val());
        });

What do you mean "return an exact input"? You want what's in the string in the second brackets? — Omri Aharon
– Omri Aharon, Commented Feb 29, 2016 at 9:41
I meant like to return the value of account name or account email or account mobile — Mathew
– Mathew, Commented Feb 29, 2016 at 9:43
If you want the value of the input, meaning what the user inputs, then your code works. Please be more specific. — Omri Aharon
– Omri Aharon, Commented Feb 29, 2016 at 9:44
I want to get the value of account[0][name], account[1][name] , account[2][name] , account[3][name] , account[4][name] — Mathew
– Mathew, Commented Feb 29, 2016 at 9:46

Jai · Accepted Answer · 2016-02-29 09:50:33Z

~~That is not value that is an attribute called placeholder so you should use .attr() method instead:~~
~~console.log($(this).attr('placeholder'));~~

but i want to return an input value of account name or account email or account mobile for this you can use .serializeArray();

$('pre').html(JSON.stringify($('.form-control').serializeArray(), 0, 3));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre></pre>

<input class="form-control" type="text" name="account[0][name]" placeholder="Name"  autocomplete="off" />
<input class="form-control" type="text" name="account[0][email]" placeholder="Email"  autocomplete="off" />
<input class="form-control" type="text" name="account[0][mobile]" placeholder="Mobile"  autocomplete="off" />

<input class="form-control" type="text" name="account[1][name]" placeholder="Name"  autocomplete="off" />
<input class="form-control" type="text" name="account[1][email]" placeholder="Email"  autocomplete="off" />
<input class="form-control" type="text" name="account[1][mobile]" placeholder="Mobile"  autocomplete="off" />

billyonecan · Accepted Answer · 2016-02-29 09:54:09Z

1

You can use the starts with and ends with attribute selectors:

$('[name^="account"][name$="[name]"]')

Would select all elements where the name starts with account and ends with [name].

answered Feb 29, 2016 at 9:54

billyonecan

20.3k9 gold badges44 silver badges66 bronze badges

Comments

Niklesh Raut · Accepted Answer · 2016-02-29 09:48:48Z

Try this.

$('input[name^="account"]').each(function() {
  alert($(this).val());
});

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<input class="form-control" type="text" value="test" name="account[0][name]" placeholder="Name" autocomplete="off" />
<input class="form-control" type="text" value="[email protected]" name="account[0][email]" placeholder="Email" autocomplete="off" />
<input class="form-control" type="text" value="1234568790" name="account[0][mobile]" placeholder="Mobile" autocomplete="off" />

<input class="form-control" type="text" value="test2" name="account[1][name]" placeholder="Name" autocomplete="off" />
<input class="form-control" type="text" value="[email protected]" name="account[1][email]" placeholder="Email" autocomplete="off" />
<input class="form-control" type="text" value="3216549870" name="account[1][mobile]" placeholder="Mobile" autocomplete="off" />

Collectives™ on Stack Overflow

How to read input two dimensional array value in jquery?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related