用JavaScript在表单中重复div会出现问题吗？

Question

我正在尝试制作一种仅重复表格的一部分的表格。 建议我在这里使用JavaScript。 我的当前代码不断出现错误。 请帮忙。

形式如下：

{{ Form::open() }}
<div class="repeating">
<input type="number" name="part_number" placeholder="Part Number" />
<input type="number" name="quantity" placeholder="Quantity" />
<input type="number" name="annual_usage" placeholder="Annual Usage" />
</div>
<input type="submit" value="Add Part" />

<input type="textarea" name="comment" placeholder="Comment" />
<input type="text" name="shippingaddress" placeholder="Shipping Address" />
<input type="text" name="project_id" placeholder="Project Id" />
<input type="text" name="user_id" placeholder="User Id" />
<input type="submit" value="Send Requests" />
{{ Form::close() }}

// Add a new repeating section
$('.addPart').click(function(){
var lastRepeatingGroup = $('.repeatingSection').last();
lastRepeatingGroup.clone().insertAfter(lastRepeatingGroup);
return false;
});

Answer 1

看起来您几乎已经拥有了。

$('.addPart').click(function(){
    $('.repeating').last().clone().insertBefore(this);  // inserts before the button
    return false;
});

哦，您还需要将.addPart类添加到HTML中的按钮。

（如：）

<input type="submit" class="addPart" value="Add Part" />

Answer 2

似乎您正在尝试使用错误的定位符访问元素：代码中有.repeatingSection，而html中有.repeating。