How to get number of elements in array of textbox using jQuery?

Question

I have created a javascript in which when we click "Add" button, it adds textboxes with similar name, which creates a list of textboxes. The textboxes have code like below

<input type="text" name="my_textbox[]" id="my_textbox" />
<input type="text" name="my_textbox[]" id="my_textbox" />
<input type="text" name="my_textbox[]" id="my_textbox" />
<input type="text" name="my_textbox[]" id="my_textbox" />

The reason why I have given name as "my_textbox[]" is because this gets submitted to php code which then pretends these textboxes as array.

Now I would like to know the number of textboxes generate. It would be best if I can get the count through jQuery.

Thanks in advance.

realshadow · Accepted Answer · 2011-10-07 11:14:33Z

9

You can use length:

alert($('input[name="my_textbox[]"]').length);

answered Oct 7, 2011 at 11:14

realshadow

2,5851 gold badge20 silver badges39 bronze badges

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

Comments

roselan · Accepted Answer · 2011-10-07 11:15:23Z

0

first, each id shall be unique, else javascript will break.

<input type="text" name="my_textbox[]" id="my_textbox1" />
<input type="text" name="my_textbox[]" id="my_textbox2" />
<input type="text" name="my_textbox[]" id="my_textbox3" />
<input type="text" name="my_textbox[]" id="my_textbox4" />

for what you want:

$(document).ready( function () {

 var nbtextbox = $('input').length;

});

answered Oct 7, 2011 at 11:15

roselan

3,7651 gold badge23 silver badges20 bronze badges

Comments

Siva Charan · Accepted Answer · 2011-10-07 11:15:52Z

0

$('#my_textbox').length

You could also use:

$('#my_textbox').size()

which is functionally equivalent, but the former is preferred.

answered Oct 7, 2011 at 11:15

Siva Charan

18.1k10 gold badges64 silver badges95 bronze badges

1 Comment

Jayendra Over a year ago

would both of them not give 1 as the count as you are referring the id

Jayendra · Accepted Answer · 2011-10-07 11:16:49Z

0

This would give you the count -

alert($("input[name='my_textbox[]']").length)

you might want to change the ids of the input added making them unique.

answered Oct 7, 2011 at 11:16

Jayendra

52.8k4 gold badges83 silver badges90 bronze badges

Comments

user369661 · Accepted Answer · 2011-10-07 11:25:02Z

0

Working link http://jsfiddle.net/sameerast/5vUDZ/

$(document).ready( function () {

    var iptCount= $("input[name='my_textbox[]']").length;
    alert(iptCount)

});

answered Oct 7, 2011 at 11:25

user369661

Collectives™ on Stack Overflow

How to get number of elements in array of textbox using jQuery?

5 Answers 5

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related