Question

How can I change only part of name attribute with jQuery?

For example if I have:

<input type="text" name="Sometext[1]">

How can I make jQuery to change Sometext[1] to Sometext[2], then to Sometext[3] etc.
I have dynamic form fields, and I need each name attribute to be unique.

Answer 1

You can do something like :

var i = 0;

$('input').each(function () {
   $(this).attr('name', 'Sometext[' + i + ']');
   i++;
});

Supposing you know “Sometext” !
If you don’t know it, you’ll have to guess it :

var i = 0;

$('input').each(function () {
   var input_name = $(this).attr('name').substring(0, $(this).attr('name').indexOf('['));
   $(this).attr('name', input_name + '[' + i + ']');
   i++;
});

And now, by reseting index when a new name comes:

var i = 0;
var input_name = null;

$('input').each(function () {

   var new_input_name = $(this).attr('name').substring(0, $(this).attr('name').indexOf('[');

   if (input_name !== new_input_name) {
       input_name = new_input_name;
       i = 0;
   }

   $(this).attr('name', input_name + '[' + i + ']');
   i++;
});