向Web表單動態添加多個元素 - 下拉菜單

Question

我在一個窗體中提供了兩個下拉菜單，可爲產品項目的兩種不同類型的規範提供選項。

我希望能夠爲需要多個產品但具有不同規格的用戶提供「添加項目」選項。所以我基本上需要「添加項目」按鈕來生成兩個或更多額外的下拉菜單，其中包含原始數據，用於新項目。我怎樣才能做到這一點？

Answer 1

使用jQuery的clone function複製下拉列表。

所以，如果你有一個div，與targetDiv一個id，你想添加到該分區的下拉與originalSelectToCopy一個id的完整副本，你可以說：

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

或者，更流暢

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

Answer 2

退房jQuery的.clone()：http://api.jquery.com/clone

它可以讓你做DOM元素的副本，你ç然後附加到DOM使用：.append(),.appendTo(),.replaceWith()等...