JQuery создать входы и имя массива входов

Question

Один набирает желаемое количество входов и нажимает GO, он создает такое количество полей ввода. Как мне сделать так, чтобы у каждого было свое уникальное имя?

Я хочу, чтобы для каждого ввода были созданы уникальные имена, например:

• 1-й вход: name = "productcode1"
  name = "desc1" name = "dollar1" name = "cents1"

• 2-й вход: name = "productcode2"
  name = "desc2" name = "dollar2" name = "cents2"

    $(document).ready(function(){
      $('#addButton').click(function(){
        var count = parseInt($('#quantity').val());
        var newHTML = [];
        for(var i=0;i<count;i++){
          newHTML.push('Product Code: <input name="productcode[]" type="text"/> &nbsp;&nbsp;Description: <input name="desc[]" type="text"/>&nbsp;&nbsp; $<input width="100px" type="text" name="dollars[]" size="5" maxlength="6"/>.<input width="50px" type="text" name="cents[]" size="1" maxlength="2"/><br/>');
        }
        $('#sandbox').html(newHTML.join(''));
      });
    });
  

К вашему сведению, я также использую PhP, если его легче включить

Answer 1

Вы можете, что на этой скрипке :

$(document).ready(function(){
        var numberOfInputs = 0;
        $('#addButton').click(function(){

          var count = parseInt($('#quantity').val());
          var newHTML = [];
          for(var i=0;i<count;i++){
            var html = $('Product Code: <input name="productcode" type="text"/> &nbsp;&nbsp;Description: <input name="desc" type="text"/>&nbsp;&nbsp; $<input width="100px" type="text" name="dollars" size="5" maxlength="6"/>.<input width="50px" type="text" name="cents" size="1" maxlength="2"/><br/>');
            $(html[0]).attr('name',$(html[0]).attr('name')+numberOfInputs);
            $(html[2]).attr('name',$(html[2]).attr('name')+numberOfInputs);
            $(html[4]).attr('name',$(html[4]).attr('name')+numberOfInputs);
            $(html[6]).attr('name',$(html[6]).attr('name')+numberOfInputs);
            numberOfInputs++
            newHTML.push(html);
            $('#sandbox').append(html);
          }

        });
  });