JS get element id array

Question

My html code is

<select id="child[1]" name="child[1]">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<select id="child[2]" name="child[2]">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

My JS code not working

JS code is

alert(jQuery("#child").length);

Can you please help me how can I get the child array, I want to send the array through AJAX

alert(jQuery("#child[1]").length);

darryn.ten
– darryn.ten

2012-03-02 12:17:50 +00:00
Commented Mar 2, 2012 at 12:17 — darryn.ten
– darryn.ten, Commented Mar 2, 2012 at 12:17

silly · Accepted Answer · 2012-03-02 12:18:46Z

1

change your jquery selector to

jQuery("[name*=child\\[]")

answered Mar 2, 2012 at 12:18

silly

7,8972 gold badges27 silver badges37 bronze badges

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

Comments

Joseph · Accepted Answer · 2012-03-03 10:29:01Z

0

jQuery("select[name^=child]").serializeArray()

what this does is:

get select elements that have a name that starts with "child"
serializes them into an array

the output is something like:

[
    {name:'child[1]', value:'1'},
    {name:'child[2]', value:'1'}
]

http://jsfiddle.net/qdK7V/1/

answered Mar 3, 2012 at 10:29

Joseph

120k31 gold badges186 silver badges238 bronze badges

Collectives™ on Stack Overflow

JS get element id 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