文章/答案/技术大牛

发布

社区首页 >问答首页 >获取选择框的html并附加到另一个div中

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

Stack Overflow用户

提问于 2016-04-18 19:38:19

回答 1查看 139关注 0票数 0

我使用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 append时，它显示的是对象HTMLSelectElement而不是选择框

请帮帮忙

php

jquery

html

javascript

回答 1

Stack Overflow用户

发布于 2016-04-18 19:41:51

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

使用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);

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36692911

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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