动态添加多个元素到Web表单 - 下拉菜单

Question

我在表单中有两个下拉菜单，提供产品项目的两种不同规格的选项。

我希望能够为需要多个产品但每个产品具有不同规格的用户提供“添加项目”选项。所以我基本上需要“添加项目”按钮来生成两个或多个额外的下拉菜单，其中包含原始数据，用于新项目。我怎样才能做到这一点？

Answer 1

使用jQuery的clone function制作下拉列表的副本。

所以，如果您有一个ID为targetDiv的div，并且您想要为该div添加一个ID为originalSelectToCopy的下拉列表的完整副本，您可以说：

$("#targetDiv").append($("#originalSelectToCopy").clone());

或者，更流利

$("#originalSelectToCopy").clone().appendTo($("#targetDiv"));

Answer 2

结帐jQuery的.clone()：http://api.jquery.com/clone

它允许您制作DOM元素的副本，然后使用以下内容将其附加到DOM：.append()，.appendTo()，.replaceWith()等...