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

时间:2013-11-20 12:46:21

标签: javascript forms file-upload field default

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

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

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/

1 个答案:

答案 0 :(得分:3)

您不只是在number_of_forms元素中添加字段。

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

请勿使用innerHTML。使用createElementappendChild和朋友。