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和朋友。