js拼接html file控件， 其他file控件选择的内容丢失。 求解决方案


<span id="FileSpan">
                                    <input id="fileUpLoad" style="margin-bottom: 5px; margin-top: 5px;" name="fileUpLoad" type="file" />
                                </span><div align="left">
                                    <input id="btnAddFiles" onclick="AddFiles(); return false;" type="button" value="添加附件" />
                                </div> function AddFiles() {
            var FileSpan = document.getElementById("FileSpan");
            FileSpan.innerHTML = FileSpan.innerHTML + "<input name=\"fileUpLoad\" style=\" margin-top:5px; margin-bottom:5px;\" type=\"file\"/><br/>";
        }
当我给第一个file选择文件之后， 再添加一个file控件，  前面的file控件选择的内容就丢失了页面并没有刷新， 其他input的内容没有丢失,因为我在触发AddFile的时候return false; 所以页面刷新的问题排除了。  其他input内容没有丢失是因为他们不在file控件同一个父标签内。  请问这种情况怎么解决啊