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

【问题标题】：Dynamically adding multiple elements to a web form - drop down menus将多个元素动态添加到 Web 表单 - 下拉菜单
【发布时间】：2011-12-05 18:56:27
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

使用 jQuery 的 clone function 复制您的下拉菜单。

因此，如果您有一个 id 为 targetDiv 的 div，并且您想在该 div 中添加一个 id 为 originalSelectToCopy 的下拉列表的完整副本，您可以说：

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

或者，更流畅

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

【讨论】：

【解决方案2】：

签出 jQuery 的 .clone(): http://api.jquery.com/clone

它允许您制作 DOM 元素的副本，然后您可以使用以下方法附加到 DOM：.append()、.appendTo()、.replaceWith() 等...

【讨论】：