我想将一些html数据添加到div容器的末尾。 目前,我使用的innerHTML做到这一点:将输入字段添加到div容器(javascript)
<script language="javascript">
var addid = 0;
function addInput(id){
var docstyle = document.getElementById('addlist').style.display;
if(docstyle == 'none')
document.getElementById('addlist').style.display = '';
addid++;
var text = "<div id='additem_"+addid+"'><input type='text' size='100' value='' class='buckinput' name='items[]' style='padding:5px;' /> <a href='javascript:void(0);' onclick='addInput("+addid+")' id='addlink_"+addid+"'>add more</a></div>";
document.getElementById('addlist').innerHTML += text;
}
</script>
<div id="addlist" class="alt1" style="padding:10px;">
New list items are added to the bottom of the list.
<br /><br />
</div>
的问题是,这是在输入字段中输入的值被删除一旦添加了另一个输入字段。 如何添加内容并保留输入的数据?
PS:我不使用jquery。
谢谢了一堆。奇迹般有效! – reggie 2012-02-26 18:39:49