Set value of array of input fields, by name

Question

I have a set of input fields on my page. They're setup as an array like so:

<input type="text" name="test[name][]" /><br />
<input type="text" name="test[name][]" /><br />
<input type="text" name="test[name][]" /><br />
<input type="text" name="test[name][]" />

What i need to do next it to set a unique value in each textfield. But i don't know how to iterate over these fields with jQuery. My attempt failed: DEMO

$(function() {
    $.each('input[name="test[name][]"]', function() {
        $(this).val('blaat');
    });
});

Any idea how i can iterate over each input field, selecting them by name!? I don't have any influence on these controls. So i cannot give them an extra class name or anything like that. All i have are their names.

The brackets [] are invalid characters in names of HTML elements. Valid characters are a-zA-Z0-9_:. — Caspar Kleijne
– Caspar Kleijne, Commented Nov 20, 2012 at 8:18

Adil · Accepted Answer · 2012-11-20 08:44:26Z

3

The selector you use to get array just a is string but not array

'input[name^="test"]' should be $('input[name="test[name][]"]')

You can do it this way,

Live Demo

$(function() {
    $.each($('input[name^="test[name][]"]'), function() {        
        $(this).val('blaat');
    });
});

edited Nov 20, 2012 at 8:44

answered Nov 20, 2012 at 8:15

Adil

148k25 gold badges217 silver badges207 bronze badges

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

2 Comments

Ja͢ck Over a year ago

$('input[name="test[name][]"]') should work fine too, i.e. without ^=

retro_coder Over a year ago

how can I add an array of elements to multiple form fields that have the same class/name attributes? If I implement this method, only the first value is appended to all input fields.

Mihai · Accepted Answer · 2012-11-20 08:18:13Z

0

You could do something like

$(function() {
    $.each($('input[name^="test"]'), function() {
        $(this).val('blaat');
    });
});

EDIT: More efficient

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

answered Nov 20, 2012 at 8:18

Mihai

2,79337 silver badges46 bronze badges

Collectives™ on Stack Overflow

Set value of array of input fields, by name

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related