JavaScript在页面给表格单元格添加页面元素问题？

Question

我想实现的功能是：在页面用JavaScript动态给表格的单元格添加一个页面上已有的元素。function addline() {
    var c1;
    var listtable=document.getElementById("userProjectList");
    var newRow = listtable.insertRow(listtable.rows.length);
    newRow.ln = allCount;
    newRow.id = curRowId;    c1 = newRow.insertCell(0);
    c1.bgColor = "#FFFFFF";
    c1.align = "CENTER";
    c1.id = "line" + allCount;
    c1.innerHTML = allCount;    c1 = newRow.insertCell(1);
    c1.bgColor = "#FFFFFF";
    c1.innerHTML = document.getElementById("organization");
}页面元素为：<div style="display: none">
    <select id="organization">
        <option>上海</option>
        <option>深圳</option>
        <option>广州</option>
        <option>北京</option>
    </select>
</div>现在问题就是出在JavaScript代码的最后一行，我要加的select这个元素，结果添加的结果是[object HTMLSelectElement]
请问各位该如何解决？

Answer 1

当然了，你添加的是一个对象，他就把对象打印成HTML代码了，你只需要纯手动写HTML代码就可以了
c1.innerHTML = " <select id='organization'><option>上海</option><option>深圳</option><option>广州</option><option>北京</option></select>";双引号中间的双引号都改成单引号。你先试试

Answer 2

c1.innerHTML = document.getElementById("divShow").innerHTML;
<div style="display: none" id="divShow">
    <select id="organization">
        <option>上海</option>
        <option>深圳</option>
        <option>广州</option>
        <option>北京</option>
    </select>
</div>

Answer 3

你应该把这个select中的元素看做是个数组 然后添加到你需要的元素中比如：         var org = document.getElementById("organization");
     for (i=org.options.length-1; i>=0; i--)
      {
           org.add(i);
      }大概就是这样的