javascript - 添加选项以选择 PHP 中回显的每一行

Question

我已经检查了其他一些类似的问题，但它们并没有完全符合我想要做的事情。我正在 ajax 一个 php 页面来回显服务器上文件夹的内容。现在，我已经逐行列出了文件。我只想获取每行的值并将其添加到选择框。

如果我能想出一种在 javascript 中为从此 php 页面找到的每一行运行循环的方法，我可以将选项添加到我自己的选择中。知道如何实现这一点吗？我在网上找到的所有内容都是针对不同的场景，我找不到任何可行的东西。谢谢

编辑:这是我得到的最接近的

var files = msg.split(" ");
                $.each(files, function(index, value) {
                    var x = document.getElementById("Emulators");
                    var option = document.createElement("option");
                    option.text = files;
                    x.add(option);
                });

当我这样做时，this is the result

知道为什么最后一个下拉菜单看起来像这样吗？这就是php page正在输出

Answer 1

最简单的方法，因为你已经在使用 JS/jQuery 了，那就是使用 $.append() doc .

要么将其作为返回的一部分，要么循环遍历文件。如果将文件添加到 ajax 调用的 .success(data) 函数中，则不需要创建该文件。只需让您调用的 PHP 文件以您可以解释的格式回显您需要的内容，例如 json_encode 您的输出数组。

编辑添加建议:

以下内容未经测试，仅供示例:

注意:这期望 test.php 将格式化数据输出为通过 json_encode 解析的数组。

$.ajax({
  url: "test.php"
}).success(function(data) {
  var files = JSON.parse(data);
  $.each(files, function(index, value) {
     $('#result-div').append( value );
  });
});