How to get values from a dynamic array type field

Question

I have a problem regarding dynamically generated fields. These fields have different types and their type depends on what is stored on my db (text, select, radio, etc.). They are generated in my PHP script and they have the same name (ans[], which is an array).

<input type='radio' name='ans[]' value='1'>
<input type='radio' name='ans[]' value='2'>
<input type='radio' name='ans[]' value='3'>

<select name='ans[]'>
    <option value='desktop'>Desktop</option>
    <option value='laptop'>Laptop</option>
    <option value='monitor'>Monitor</option>
    <option value='printer'>Printer</option>
</select>

<input type='text' name='ans[]' value=''>

I want to get the input values of each field using JQuery. Is it possible?

why u used same name for all? use different

Tamil Selvan C
– Tamil Selvan C

2013-04-26 03:01:44 +00:00
Commented Apr 26, 2013 at 3:01 — Tamil Selvan C
– Tamil Selvan C, Commented Apr 26, 2013 at 3:01

Bernardo Mendes · Accepted Answer · 2013-04-26 03:04:34Z

2

$("[name=ans\\[\\]]").each(function() {
  alert( $(this).val() );
});

This should work.

JSFiddle

Working example above.

answered Apr 26, 2013 at 3:04

Bernardo Mendes

1,2209 silver badges15 bronze badges

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

3 Comments

rhy Over a year ago

thanks a lot, it worked for me. but i have another question, from the example above, all of the values of each radio button is retrieved. what if i only want to select one of them?

Bernardo Mendes Over a year ago

You will probably need to use more than one selector: $("[name=ans\\[\\]][type!=radio]").each(function() { /* do whatever you want with non radio inputs */ } and $("[name=ans\\[\\]][type=radio]:checked").each(function() { /* do whatever you want with checked radio inputs */ } New JSFiddle: jsfiddle.net/VcZWy/2

rhy Over a year ago

thanks for your help. i ended up using .filter(':checked') to know the selected radio button, and used parent().find('input[name=dummyAnswer\[\]]') because i had another text box beside the radio button to know the value of the text box

James · Accepted Answer · 2013-04-26 03:05:39Z

1

There's a number of ways you can get your field values with jQuery that doesn't rely on IDs or classes (although they're usually the best methods).

You can select fields based on their position in the DOM:

CSS nth-child (http://www.w3schools.com/cssref/sel_nth-child.asp)

$('form#myform input:nth-child(2)')

jQuery .each (http://api.jquery.com/jQuery.each/)

$('form#myform input).each( function(){ /* functionality here */ });

This relies on the fields being generated in a fixed order though. What if you generated a label with each of your PHP array items, and used this to identify your individual fields?

answered Apr 26, 2013 at 3:05

James

1156 bronze badges

Collectives™ on Stack Overflow

How to get values from a dynamic array type field

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related