如何使用i ++附加Child文件上传字段？

Question

我使用addElemend和childAppend创建一个javascript文件来添加新文件

我在这里写了代码http://jsfiddle.net/faYMH/18/

但由于某种原因它不起作用。如果我用简单的内容替换innerhtml中的文件上传字段，它确实有效！

任何人都可以发现问题/输入一些如何完成我想要的事情吗？

谢谢！

约拿

Answer 1

这有一些问题。

JSFiddle问题

首先，您仍然将框架设置设置为“onLoad”和“Mootools”。你会希望它成为“无包装”选项和“No-Library（纯JS）”之一。其次，您将脚本放在HTML窗格中的script标记中。有专门针对JavaScript的JavaScript窗格。

JavaScript问题

您的JavaScript中有一些内联HTML：

newDiv.innerHTML = "<input type="file" name="file1 + i++" />";

您在JavaScript字符串以及HTML内部使用双引号（"）。尝试使用单引号作为JavaScript字符串分隔符，如下所示：

newDiv.innerHTML = '<input type="file" name="file1' + (i++) + ' />';

字符串中的HTML也无效。它将尝试生成如下HTML：

<input type="file" name="file10 />

没有收尾报价。修复：

newDiv.innerHTML = '<input type="file" name="file1' + (i++) + '" />';

您可能还想删除迷路1，但它不会破坏脚本。

结果

Here it is，经过这些更改后再进行一些修改。