如何在沒有克隆的情況下在Modal彈出窗口中動態添加元素

Question

如何在模態彈出窗體中添加元素。像

<div class="custom-modal modal hide fade" tabindex="-1" role="dialog" aria-hidden="true"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    </div> 
    <div class="modal-body"></div> 
</div> 

<select id="divCar"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

如何添加divCar沒有克隆（）或獲取HTML（）。因爲我不想在頁面上有多個id="divCar"。

Answer 1

所以你想要的元素被移入模態，而不是克隆。隨着使用jQuery的你可以用

var element = $("#divCar"); 
element.detach(); 
$(".modal-body").append(element); 

Answer 2

移動元素，你可以做一個clone

var modalContent = $("#divCar").clone().removeAttr('id'); 
$(".modal-body").append(modalContent);