jQueryコードを書いてください。ここで、ボタンクリックでdivをクローンする必要があります。新しいdivが新鮮な新しいドロップダウンリストに

Question

jQueryを持っている必要があります。

$("#panel_moreInfoDetails_common3").clone().appendTo("#panel_moreInfoDetails_common2"); 

私はdiv要素のクローンを作成することができていますが、私はそれのドロップダウンリストを必要としています。私のドロップダウンオプションはforeachループ内にあることに注意してください。 HTMLは HTML下に与えられる：EVか否かを示す

ブール：

<div class="row" id="panel_moreInfoDetails_common3"> 
    <div class="delete-moreinfodetails" style="margin-left: 15px;margin-top: 20px;margin-right: 18px;"> 
     <a data-id="@record.UserFieldIndexNumber" id="button-delete-moreinfodetails" href="javascript:void(0)"> 
      <i class='icon icon-bin3'></i> 
     </a> 
    </div> 
    <div id="@string.Format("field_{0}_{1}", Model.Page, record.UserFieldIndexNumber)" class="col settings-field @(fields.Contains(string.Format("field_{0}_{1}", Model.Page, record.UserFieldIndexNumber)) ? "hidden" : "")"> 
     <select class="moreinfo-details" id="@string.Format("field_{0}_{1}", Model.Page, record.UserFieldIndexNumber)" name="@string.Format("field_{0}_{1}", Model.Page, record.UserFieldIndexNumber)" data-field="Info Details"> 
      <option value="">Select an option</option> 
      @foreach (var item in Model.MoreInfoDetailsValues) 
      { 
        //selected = record.UserDefinedDropDownField == item.UserDefinedDropDownField ? "selected='selected'" : ""; 
        <option data-desc="@item.UserDefinedDropDownField" @selected value="@item.UserDefinedDropDownField">@item.UserDefinedDropDownField</option> 
      } 
     </select> 
    </div> 
    <div id="@string.Format("field_{0}_{1}", Model.Page, record.UserFieldIndexNumber)" class="col settings-field @(fields.Contains(string.Format("field_{0}_{1}", Model.Page, record.UserFieldIndexNumber)) ? "hidden" : "")"> 

      <input data-ufindex="@record.UserFieldIndexNumber" type="text" class="form-control" value="@record.UserFieldValue" /> 

    </div> 
</div> 

Answer 1

jsfiddle here

jQuery Documentation

.clone([withDataAndEvents ] [, deepWithDataAndEvents ])

deepWithDataAndEvents（withDataAndEventsの値デフォルト）コピーされた要素のすべての子要素のハンドラとデータをコピーする必要があります。デフォルトでは、その値は最初の引数の値と一致します（デフォルトはfalse）。あなたが探しているものを

.clone(true, true)

$("#panel_moreInfoDetails_common3").clone(true, true).appendTo("#panel_moreInfoDetails_common2");