Jquery “创建”按钮可在网站前端添加另一组表单输入

我有一个表格，将用于帮助为一家公司预订车辆租赁。现在，我只有一组字段显示关于一辆车的信息。我希望有一个按钮或链接，用户可以点击“添加另一辆车”，这将添加一组与车辆和租赁信息（取车日期、下车日期、车辆类型等）相关的字段

我找到了一些应该做我想做的事情的代码，但由于某些原因我无法让它工作。我觉得这很简单，但我盯着它看了太久，弄不懂它是什么

目前，我只需要“添加另一辆车”链接来添加我指定的内容（现在只是“测试”一段）。我还不必担心发送表单数据，因为这必须通过Modx来处理。（而且，我需要一步一步走！）

以下是我正在处理的页面的链接：

相关的脚本就在关闭头标签之前，它应该附加到位于窗体中部的“MaveLeField] div。

---

非常感谢您的帮助。

您可以使用

clone（）

方法对相关字段进行分组和克隆

只需用另一个div包装

$（“#vehicleFields”）

，即可深度克隆

$（“#vehicleFields”）

，并将其附加到包装器中

简化示例如下所示

但请记住，如果执行此操作，必须首先删除

$（“#vehicleFields”）

中元素的

id

属性。因为

id

在单个html中应该是唯一的，并且使用

clone（）

也会复制id，这违反了此规则

$(function(){

$("#addVehicle").click(function() {
    $("#vehicleFieldsWrapper .vehicleFields").clone().appendTo($("#vehicleFieldsWrapper "));

});

  });

---

我感谢你的帮助。虽然当我在测试页面上实现它时，它似乎不再工作了。我试图删除页面上的其他脚本，看看是否有什么干扰，但我仍然没有任何运气。我错过什么了吗？您给出的示例在JSFIDLE上运行得非常好。您应该将脚本包装到page ready事件中。请阅读编辑后的答案。哦，我真的应该抓住那个。谢谢，效果很好！