javascript函数将上传文件字段设置为默认值

Question

我有一个简单的上传表单，当我单击“添加更多文件”时，它会设置为默认的所有先前字段。

示例:点击“添加更多文件”，然后添加一个文件，最后再次点击“添加更多文件”。它将删除所有以前的文件...为什么？我不想删除任何文件。

function create(){
   var s= document.getElementById("number_of_forms").innerHTML;
   s+= '<input input type="file"name="file" id="file"><br>';
   document.getElementById("number_of_forms").innerHTML=s;i++;
}

示例: http://jsfiddle.net/aaSR7/4/

Answer 1

您不仅仅是向 number_of_forms 元素添加一个字段。

您将获取该元素的 HTML，向该 HTML 添加新的输入，然后从该 HTML 生成新的 DOM 元素并将它们插入回该元素(替换所有现有元素)。

不要使用innerHTML。使用 createElement、appendChild 和 friend 。