Question

一种类型是他们想要的输入数量并单击GO，它会创建许多输入字段。我该如何制作，以便每个人都有自己独特的名字？

我想为每个创建的输入创建唯一的名称，即：

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

第二输入：name =“productcode2”
name =“desc2”name =“dollars2”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

您可以使用此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"/> &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);
          }

        });
  });

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

1 个答案: