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中重复。

javascript在表单中重复div的问题？

2 个答案: