Как регуляркой заменить значение атрибута переменной?

Question

[Дима Долготер]

Всем привет.

Есть такое

<div class="form">
<div class="row">
<input required type="text"  name="ItemToOrders[0][Qty]"   class="img-fluid form-control form-control_asp"  >
<input required type="text"  name="ItemToOrders[0][Height]"   class="img-fluid form-control form-control_asp"  >
<input required type="text"  name="ItemToOrders[0][Width]"   class="img-fluid form-control form-control_asp"  >
</div>
</div>

Нужно чтоб при нажатии на кнопку блок с классом row клонировался, но заменялись цифры в атрибуте name, которые в [ ] на переменную. Переменная просто будет увеличивать число на +1. Она уже есть, осталось понять как ее вставлять.
Все колнирует и вставляет, но цифры не знаю как менять.

Comments

[Никита]

Не совсем понятно, напишите в формате было - стало

Answer 1

[Nick Sdk]

let counter = 0;
let $form = $('div.form');
$form.on('click', 'input.clone-row', function(){
	let $self = $(this);
  let cloneRow = $self.parent().clone();
  counter++;
  cloneRow.find('input.form-control').each(function(i, input){
  	let $input = $(input);
    let inputName = $input.attr('name');
    let newName = inputName.replace(/(.*?\[)\d+(\].*)/i, '$1' + counter + '$2');
    $input.attr('name', newName);
    $input.val(newName); // это, конечно же, можно (нужно) убрать. здесь только для наглядности
  });
  $form.append(cloneRow);
});

https://jsfiddle.net/bj9280kz/

Comments

[Дима Долготер]

отлично. получилось, только при клонировании select выбирает дефолтный option.

[Nick Sdk]

SpiderPigAndCat, добавьте

$('body').on('change', 'select', function(){
  $('option', $(this)).removeAttr('selected');
  $('option:selected', $(this)).attr('selected', 'selected');
});