Changing input array name with jQuery

Question

I've some fields that use an array as name like this :

<select name="attr[address][#ID]">
<textarea name="address[#ID][cp]" placeholder="CP"></textarea>

I would like to change the therm "#ID" of all the fields with an unqiue ID using jQuery, is it possible to use something like regex with the .attr() function in order to change the #ID ?

Regards, Adrien

What do you have? What do you wanna do?

Praveen Kumar Purushothaman
– Praveen Kumar Purushothaman

2012-10-05 15:13:54 +00:00
Commented Oct 5, 2012 at 15:13 — Praveen Kumar Purushothaman
– Praveen Kumar Purushothaman, Commented Oct 5, 2012 at 15:13

jfriend00 · Accepted Answer · 2012-10-05 15:23:57Z

5

You can replace all occurrences of #ID in a name attribute with a monotomically increasing number like this:

var cntr = 1;
$("[name*='#ID']").each(function() {
    this.name = this.name.replace(/#ID/, cntr++);
});

answered Oct 5, 2012 at 15:23

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

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

2 Comments

billyonecan Over a year ago

+1, you could also pass the index to the each function, that way there's no need for the cntr

jfriend00 Over a year ago

@deifwud - yes, it could be done that way. This way allows you to establish whatever baseline you want and/or use the cntr over time to generate other unique IDs. Either is fine.

Collectives™ on Stack Overflow

Changing input array name with jQuery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related