我在表单中有两个下拉菜单,为产品项的两种不同规格提供选项。
我希望能够有一个"添加项目"选项的用户谁想要一个以上的产品,但每个有不同的规格。因此,我基本上需要"添加项目"按钮来生成两个或更多额外的下拉菜单,其中包含原始数据,用于新项目。我该怎么做呢?
使用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()
等…