jQuery Change Value of Array Input With Skipped Indices

Question

I have a function in Javascript that generates dynamic <input> elements when a button is clicked. The elements get structures as such:

<input name="array[0]" value="Value" />
<input name="array[1]" value="Value" />

What I need to do is via jQuery, replace the value of each of these elements. This would be pretty simple if the name was something like name="array[]", as I could be able to call:

$("input[name='array[]']").each(function(e) {
  $(this).val("New Value");
})

To replace them all, but this functionality doesn't work with these name="array[N]" inputs. I wish I could use that first method, but I need the [N] indices for something later on the backend, and changing that would destroy almost all functionality.

Also, I've made a JSFiddle demonstrating this issue, feel free to debug with it.

JSFiddle

Like this -> jsfiddle.net/46o1npab/7

adeneo
– adeneo

2015-02-04 20:30:36 +00:00
Commented Feb 4, 2015 at 20:30 — adeneo
– adeneo, Commented Feb 4, 2015 at 20:30

adeneo · Accepted Answer · 2015-02-04 20:34:45Z

3

You can use the attribute starts with, attribute ends with, or attribute contains selectors

$("input[name^='array[']") // starts with
$("input[name$=']'")       // ends with, probably not very useful here
$("input[name*='array']")  // contains

answered Feb 4, 2015 at 20:34

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

1 Comment

Tim Lewis Over a year ago

Awesome, thanks for that explanation! No one ever showed me those, would have been nice :P

scottvanbrug · Accepted Answer · 2015-02-04 20:34:51Z

2

You could use the attribute starts with selector to match the inputs.

http://api.jquery.com/attribute-starts-with-selector/

$("input[name^='array']").each(function(e) {
  $(this).val("New Value");
});

answered Feb 4, 2015 at 20:34

scottvanbrug

211 silver badge3 bronze badges

Comments

trex005 · Accepted Answer · 2015-02-04 20:37:46Z

2

To directly answer your question, you can use the starts with (^) selector "input[name^='second[']". However I would recommend using a class and then using the apropriate selector

DEMO : http://jsfiddle.net/trex005/46o1npab/8/

answered Feb 4, 2015 at 20:37

trex005

5,1354 gold badges32 silver badges42 bronze badges

1 Comment

Tim Lewis Over a year ago

Yeah, I suppose I could have used a class. This is my coworker's code and I'm not 100% sure where these inputs are coming from, which is why I opted to work with what I had. Thanks though!

Collectives™ on Stack Overflow

jQuery Change Value of Array Input With Skipped Indices

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related