添加额外的行与JS

-3

基本上我想这要复制的添加按钮（最后一个div）被点击时，但在一个_1添加到名字也添加额外的行与JS

<div class="form-group"> 
    <div class="col-sm-2">Size</div> 
     <div class="col-lg-3"> 
      {{ Form::select('size', $sizes, null, ['class' => 'form-control'])}} 
     </div> 

     <div class="col-sm-1">Colour</div> 
     <div class="col-lg-2"> 
      {{ Form::select('colour', $colours, null, ['class' => 'form-control'])}} 
     </div> 
     <div class="col-sm-1">Stock</div> 
      <div class="col-lg-2"> 
       <input type="text" name="stock" class="form-control"> 
      </div> 

      <div class="col-md-1"> 
      <!--- WHEN THIS IS CLICKED -----> 
      <a class="btn btn-primary btn-sm" id="add"><i class="fa fa-plus"></i> Add</a> 
      </div> 
     </div>

这整个窗体组我想单击添加按钮时再次显示，为名称添加下划线和数字以停止重复条目。

因此，使用jQuery的东西我认为应该这样做，但一直是一个jQuery新手我不知道该写什么。

所以在点击添加按钮时，它需要再次显示整个form-group div在已经存在的那个下面，而且还要在名称属性中添加一个下划线和一个数字来保存重复条目D B。

来源

2014-11-01 the_unforgiven_II

你的问题可以用一些改善的链接。不要认为读者对你的难题有如此多的知识。再次阅读这个问题，看看这个问题是否有意义。 – Kolban 2014-11-01 21:46:58

编辑我的帖子。 – 2014-11-01 21:50:45

当你说添加表单组时，你是在谈论表单组内的内容，还是包含表单组标签？ – Gjohn 2014-11-01 21:54:15

下面的代码应该在新的副本复制块，并追加到身体，用的名称外，最DIV设置为... A_X 如果我有问题，正确的，是你想要的

var x = 0; 
    $("#add").click(function(){ 
     x++; 
     $('.form-group:first').clone().attr("name", "a_"+x).appendTo($('body')); 
     alert(x); 
    });

而且从W3Schools的http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_html_clone

来源

2014-11-01 21:53:45

正确的确定了，但是当我查看源代码时，虽然它被克隆了，但是我需要它将添加的东西返回给attr名称字段，因此我可以将它保存到数据库中。 – 2014-11-03 11:13:34

查看源代码不会显示任何javascript操作的html，请尝试“检查元素”以查看它。 – 2014-11-03 15:42:43

添加额外的行与JS

回答

相关问题