ボタンをクリックするとdivを繰り返し表示する方法

Question

divには、ドロップダウン、テキストボックスなどのHTMLコントロールが含まれています.DropdownデータはC＃コードを使用してバインドされています。ドロップダウンが繰り返されると、バインドされたデータは繰り返される必要があります。どうすればjqueryを使って実装できますか？

Answer 1

あなたは怒鳴るのコードを使用して繰り返しdiv要素を追加することができます：Working Fiddle

<input type="button" value="Add More(+)" id="btnAddMore" /> <br/> 
<div id="divMain"></div> 
<div id="divToCopy" style="display:none;"> 
    <div>  
    <label>Text: </label> 
    <input type="text"><br/> 
    <label>Dropdown: </label> 
    <select> 
     <option>value1</option> 
     <option>value2</option> 
    </select> 
    </div> 
    </div> 

のjQueryコード：

$("#btnAddMore").click(function(){ 
    var divCopy=$("#divToCopy").html(); 
    $("#divMain").append(divCopy); 
});