javascript - 添加许多具有不同扩展选项的保管箱选择器不起作用

Question

我想将不同的选择器放在具有不同扩展选项的一页上。所以我插入了<div class="dropbox-chooser"></div>到我网站的不同位置。然后我在脑子里写了以下函数(用于测试):

window.onload = function() {
if (document.getElementsByClassName("dropbox-chooser")) {

for(var i = 0; i < document.getElementsByClassName("dropbox-chooser").length; i++){
if (i === 0) {
options.extensions = ['.zip','.exe','.rar','.7zip','.php','.html','.css','.js'];['.3gp','.3gpp','.3gpp2','.avi','.mov','.mp4','.wmv','.m4v','.mpg','.mkv','.mpeg','.vob','.flv','.mts','.m2t','.ts','.dv'];
button = Dropbox.createChooseButton(options);alert(options.toSource());
document.getElementsByClassName("dropbox-chooser")[i].appendChild(button);
}
if (i === 2) {
options.extensions = ['.3gp','.3gpp','.3gpp2','.avi','.mov','.mp4','.wmv','.m4v','.mpg','.mkv','.mpeg','.vob','.flv','.mts','.m2t','.ts','.dv'];
button = Dropbox.createChooseButton(options);alert(options.toSource());
document.getElementsByClassName("dropbox-chooser")[i].appendChild(button);
}
}
}
}

并且两个选择器呈现在正确的位置，但是当我单击其中一个选择器按钮时，扩展选项始终是最后一个(.3gp ...)，尽管 options.toSource() 函数显示正确的对象每个按钮的内容。

你能帮我一下吗？非常感谢!

丹尼斯

Answer 1

我相信选择器在实际打开之前不会查看选项对象。

您应该每次传入不同的对象。

编辑

这是我的建议:

var choosers = document.getElementsByClassName('dropbox-chooser');
for (var i = 0; i < choosers.length; i++) {
    var options = {
        // ...
    };
    if (i === 0) {
        options.extensions = ['.zip', '.exe' /* ... */];
    } elif (i === 2) {
        options.extensions = ['.3gp', '.3gpp' /* ... */];
    }
    choosers[i].appendChild(Dropbox.createChooseButton(options));
}