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


Dynamically adding multiple elements to a web form - drop down menus

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

我希望能够有一个"添加项目"选项的用户谁想要一个以上的产品,但每个有不同的规格。因此,我基本上需要"添加项目"按钮来生成两个或更多额外的下拉菜单,其中包含原始数据,用于新项目。我该怎么做呢?

使用jQuery的克隆函数复制你的下拉菜单。

所以,如果你有一个div, id为targetDiv,你想添加一个id为originalSelectToCopy的下拉菜单的完整副本到该div中你可以说:

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

或者,更流畅的

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

查看jQuery的.clone(): http://api.jquery.com/clone

它允许你复制DOM元素,然后你可以添加到DOM使用:.append(), .appendTo(), .replaceWith()等…