Question

我正在使用php数组创建一个选择框，我将选择框隐藏起来。

<select id="skuSelect" style="display:none">    
foreach ( $model as $_product):
            $html .='<option value="'.$_product->getId().'" >'. $_product->getName().'</option>';

        endforeach;
</select>

现在我想得到这个隐藏的选择框的所有HTML，并希望将其附加到我的自定义div

var skuSelect = document.getElementById("skuSelect");
var newdiv = '<div>'+skuSelect.cloneNode(true)+'</div>';

但是当我使用jquery追加时它会显示[object HTMLSelectElement]而不是select box

请帮忙

Answer 1

Node.cloneNode()方法返回调用此方法的节点的副本。（不是元素的HTMLContent）

使用createElement创建元素并执行ELEMENT.appendChild(CLONNED_NODE)

＆＃13;

var skuSelect = document.getElementById("skuSelect");
var div = document.createElement('div');
div.appendChild(skuSelect.cloneNode(true));

＆＃13;

使用jQuery：

＆＃13;

var elem = $('#skuSelect').clone(true);
var wrappedElem = elem.wrap("<div class='new'></div>");
$("#test").append(wrappedElem);

＆＃13;

获取选择框的html并附加到另一个div

1 个答案: