javascript - 使用jQuery克隆下拉列表并附加到动态Div

我有一个带有id=“maindll”的下拉列表，我的页面中已经有了一些数据。。
现在我要克隆这个Dropdownlist并附加到Div。
我使用以下代码：

 var ddl = $("#mainDDL").clone();
 ddl.attr("id", "ddlCloned");
 ddl.attr("name", "ddlCloned");
 var innerDiv = document.createElement("div");
 innerDiv.innerHTML=ddl[0];

但当我在控制台窗口中检查“innerDiv”时，它显示：
[对象HTMLDivElement]
有人能帮我吗。。

最佳答案

我想你在找。追加？

$(document).ready(function(){
  var ddl = $("#mainDDL").clone();
  ddl.attr("id", "ddlCloned");
  ddl.attr("name", "ddlCloned");
  var innerDiv = $("<div />").appendTo('body');
  innerDiv.append(ddl);
})

http://jsfiddle.net/3ojex7f5/1/