如何在按钮单击时重复显示div

Question

div包含html控件，如下拉列表，文本框等。下拉数据使用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);
});