Question

我想制作一个JavaScript代码，以动态创建我拥有的文件列表在我服务器的特定文件夹中。当我按下一个按钮时，将显示此列表每个对象都有一个复选框。被出售的物品将通过另一个提交按钮下载，我猜是一些PHP

到目前为止，我使用我在网上找到的javascript代码来查找文件的名称，然后调用另一个函数来创建元素，但是没有运气。

function createEl(var a){
    var myDiv = document.getElementById("cboxes");
    var checkBox = document.createElement("input");
    var label = document.createElement("label");
    checkBox.type = "checkbox";
    checkBox.value = a;
    myDiv.appendChild(checkBox);
    myDiv.appendChild(label);
    label.appendChild(document.createTextNode(a));

}
function foldlist(){
const testFolder = './xampp/htdocs/website1/uploads';
const fs = require('fs');

fs.readdir(testFolder, (err, files) => {
  files.forEach(file => {
    var a=file;
    createEl(a);
  });
})}

Answer 1

您正尝试将 var JavaScript关键字作为createEl()函数参数的一部分。

只需更改此：

function createEl(var a){
    ....
}

对此：

function createEl(a){
    ....
}

您的函数应该可以正常工作。查看下面的代码段，您会看到上面的函数正在按原样创建输入框：

/* JavaScript */
function createEl(a){
    var myDiv = document.getElementById("cboxes");
    var checkBox = document.createElement("input");
    var label = document.createElement("label");
    checkBox.type = "checkbox";
    checkBox.value = a;
    myDiv.appendChild(checkBox);
    myDiv.appendChild(label);
    label.appendChild(document.createTextNode(a));
}

btn.addEventListener("click", function(){ createEl("hello") });

<!-- HTML -->
<button id="btn">Create input-box</button>
<div id="cboxes"></div>

在javascript中动态创建文件列表

1 个答案: