通过javascript重复元素

时间:2013-01-05 18:43:52

标签: php javascript

我想重复这些元素: 包含一个单元格,选择菜单通过

从数据库中提取数据
<div id="orginal">
<td width="99">
    <select name= "certificate"  id="xx" 
    onchange="BK.Ajax.Updates('newfile.php?id='+document.getElementById('xx').value,'ajx');" size="1">
        <option>.....</option>
        <?
        $sql_company=mysql_query("select * from company");
        while ($row=mysql_fetch_array($sql_company))
        {
            echo "<option value='$row[id]'> ";
            echo $row['name'] ;
            echo "</option>";
        }
        ?></select>

    </td>

在另一个div中:

<div id="wrapper">
</div>

使用Javascript代码:

<script language="javascript">
function repeat()
{
var el = document.createElement('div');
var oldHTML = document.getElementById('orginal').innerHTML;
el.innerHTML = oldHTML;
document.getElementById('wrapper').innerHTML = el;
}
</script>

1 个答案:

答案 0 :(得分:3)

innerHTML属性用于将HTML(字符串)设置为元素。如果要添加元素对象本身,则需要使用.appendChild()

替换

document.getElementById('wrapper').innerHTML = el;

document.getElementById('wrapper').appendChild(el);