Question

我是adding addition form

上的button click.

我希望different label for each added form.

我是按照以下方式进行的，问题是每个标签的更改形成。我怎么解决它。

有什么想法吗？

HTML

<div id="jointBuyer" class="JointBuyerDive" style="display:none">
    <div id="jBuyer">
        <div id="inner"class="col-lg-6">
            <form id="buyerForm" role="form" method="POST" enctype="multipart/form-data">
            <label>Buyer</label>
            -----------
            -----------
        </div>
    </div>
<div>

jquery的

<script>
$(document).ready(function(){
    var index = 0;
    $("#testButton").click(function() {
      $("#jBuyer").clone().appendTo("#jointBuyer"); 
      $('.changeBuyer').text('Buyer ' + index); 
      index++; 
    });
});
</script>

Answer 1

您应该只更改新添加的表单的文本。因此，您可以使用：last来定位最新添加的表单。

<script>
$(document).ready(function(){
    var index = 0;
    $("#testButton").click(function() {
      $("#jBuyer").clone().appendTo("#jointBuyer"); 
      $('.changeBuyer:last').text('Buyer ' + index); 
      index++; 
    });
});
</script>

Answer 2

目前，您的代码无法发布。这是一个工作版本更改最后一个标签上的文本，而不是复制任何ID并实际显示克隆形式

$(document).ready(function() {
  var index = 0;
  $("#testButton").click(function() {
    $("#jBuyer").clone().appendTo("#jointBuyer").attr("id","jBuyer"+index).show();
    $('.changeBuyer').last().text('Buyer ' + index);
    index++;
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button type="button" id="testButton">Add</button>
<div id="jointBuyer" class="JointBuyerDive"><div>
<div id="jBuyer" style="display:none">
  <div class="col-lg-6">
    <form role="form" method="POST" enctype="multipart/form-data">
      <label class="changeBuyer">Buyer</label>
      ----------- -----------
    </form>
  </div>
</div>

Answer 3

您必须更改克隆表单的文本：

$(document).ready(function(){
    var index = 0;
    $("#testButton").click(function() {
      var clonedForm = $("#jBuyer").clone();
      clonedForm.text('Buyer ' + index); 
      clonedForm.appendTo("#jointBuyer"); 
      index++; 
    });
});

每个额外添加的表单的不同标签

3 个答案: