如何使用 `appendChild` 添加无限的文件上传字段？

发布于 2024-11-19 17:21:27 字数 438 浏览 0 评论 0原文

我对 JavaScript 有点陌生。

我将有一个文件上传字段。我想向文件上传字段添加 onclick 以添加其他文件上传字段。

所以我在想这样的事情：

i=0
function addfile() { 
document.getElementById("form_name").appendChild(<input type=\"file\" name=\"file1\"" +     "i++" + " />)}

...然后...

<input type="file" onclick="addfile();" />

（我知道这种语法可能很糟糕/缺少一些东西，我只是想布局我认为我应该使用的概念。）

你能明白吗在职的？

原文

Im a little new to JavaScript.

I am going to have a file upload field. I want to add an onclick to the file upload field to add additional file upload fields.

So I'm thinking something like:

i=0
function addfile() { 
document.getElementById("form_name").appendChild(<input type=\"file\" name=\"file1\"" +     "i++" + " />)}

...then...

<input type="file" onclick="addfile();" />

(I know this syntax is probably terrible/missing things, I'm just trying to layout the concept I think I am supposed to be using.)

Can you get this working?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

笨笨の傻瓜 2024-11-26 17:21:27

这封装了 i 变量。

(function() { 
    var i = 0;
    window.addfile = function() { 
        var input = document.createElement('input');
        input.type = 'file';
        input.name = 'file' + i++;

        document.getElementById('form_name').appendChild(input);
    }
})();

jsFiddle。

This encapsulates the i variable.

(function() { 
    var i = 0;
    window.addfile = function() { 
        var input = document.createElement('input');
        input.type = 'file';
        input.name = 'file' + i++;

        document.getElementById('form_name').appendChild(input);
    }
})();

jsFiddle.

回复收藏 0 原文

~没有更多了~