我正在使用 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] 而不是选择框

请帮忙

请您参考如下方法:

The Node.cloneNode() method returns a duplicate of the node on which this method was called.(Not the HTMLContent of the element)

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

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

使用jQuery:

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