如何在没有克隆的模态弹出窗口中动态添加元素

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>

如何在没有clone（）或获取html（）的情况下添加divCar。因为我不想在页面上多个id="divCar"。

Answer 1

因此，您希望将元素移动到模态中，而不是克隆。通过使用jQuery，您可以使用

移动元素

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

Answer 2

您可以使用removeAttr

后使用clone删除id

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