jquery 创建输入和输入的数组名称

Question

一个人输入他们想要的输入数量，然后单击“GO”，它会创建那么多数量的输入字段。我怎样才能让每个人都有自己独特的名字？

我希望为创建的每个输入都有唯一的名称，即：

• 第一个输入：name =“productcode1”
  name="desc1" name="dollars1" name="cents1"

• 第二个输入：name="productcode2"
  名称=“desc2”名称=“dollars2”名称=“cents2”

   $(文档).ready(function(){
      $('#addButton').click(function(){
        var count = parseInt($('#quantity').val());
        var newHTML = [];
        for(var i=0;i &nbsp;&nbsp;描述：&nbsp;&nbsp; $<输入 width="100px" type="text" name="dollars[]" size="5" maxlength="6"/>。<输入width="50px" type="text" name="cents[]" size="1" maxlength="2"/>
  ');
        }
        $('#sandbox').html(newHTML.join(''));
      });
    });
  

仅供参考，如果更容易合并，我也在使用 PhP

Answer 1

您可以查看此 fiddle 上的内容：

$(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"/>   Description: <input name="desc" type="text"/>   
lt;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);
          }

        });
  });