2017-04-23 67 views
0

如何在模态弹出窗体中添加元素。像如何在没有克隆的情况下在Modal弹出窗口中动态添加元素

<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"

回答

0

所以你想要的元素被移入模态,而不是克隆。随着使用jQuery的你可以用

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

不要使用后删除使用idremoveAttr要删除元素。只需拉到弹出,当关闭它应该保持他们 – SAL

0

移动元素,你可以做一个clone

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

我认为他说没有克隆' – julekgwa

+0

但每次需要再次追加在DOM中。 – SAL

+0

@SAL如果你想在两个地方使用相同的[DOM](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction)元素,我不知道这是否可能没有克隆。至于'id'的问题,我的解决方案可以解决这个问题。它不会改变原来的DOM元素。由你的问题,似乎你不希望克隆'因为重复'ID' ... – Himanshu

相关问题