Webフォームに複数の要素を動的に追加する - ドロップダウンメニュー

Question

商品アイテムの2種類の仕様のオプションを提供するフォームに2つのドロップダウンメニューがあります。

複数の製品を必要とするが仕様の異なるユーザーには、「項目を追加」オプションが必要です。だから、私は基本的には、 "アイテムの追加"ボタンを2つ以上の余分なドロップダウンメニューを生成するために、それらの元のデータを新しい項目のために必要です。これどうやってするの？

Answer 1

jQueryのclone functionを使用してドロップダウンリストのコピーを作成します。あなたがtargetDivのidを持つdiv要素を持っている、とあなたはそれがoriginalSelectToCopyのidを持つドロップダウンの完全なコピーをDIVに追加したい場合は

だから、あなたが言うことができる：

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

それとも、もっと流暢に

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

Answer 2

チェックアウトjQueryの.clone()：http://api.jquery.com/clone

それがもしC DOM要素のコピーを作成することができます次に、.append(),.appendTo(),.replaceWith()などを使用してDOMに追加します。