如何从文本文件中读取并将其显示为 html 中的下拉列表（选择）答案

【问题标题】：How to read from text file and show it as a dropdown (select) in html如何从文本文件中读取并将其显示为 html 中的下拉列表（选择）
【发布时间】：2019-09-20 14:24:59
【问题描述】：

我有一个文本文件存储在我的本地，其中包含我想在 html 页面中显示为下拉列表的用户名列表。我需要知道如何去做这件事，任何一段代码或朝着正确的方向推进都会受到赞赏吗？ P.S 我对编码很陌生！

我已经尝试使用以下代码加载文本文件以显示为 html

var openFile = function(event) {
var input = event.target;
var reader = new FileReader();
reader.onload = function(){
  var text = reader.result;
  var node = document.getElementById('output');
  node.innerText = text;
  console.log(reader.result.substring(0, 200));
};
reader.readAsText(input.files[0]);
};

但这不符合我的目的。我想要一个下拉菜单，其中的选项是从文本文件中填充的。

【问题讨论】：

您要在PHP、python 或javascript 中执行此操作吗？
python 或 javascript 都可以

标签： javascript python flask text

【解决方案1】：

您没有提供文本文件结构。所以不知道怎么样。但是根据你的信息，最简单的解决方法就是使用，

HttpRequest

您也可以阅读here。

function readFile(fileName)
{
    var node = document.getElementById('output');

    var xhttp = new XMLHttpRequest();
    xhttp.open("GET", fileName, true);
    xhttp.onreadystatechange = function ()
    {
        if(xhttp.readyState === 4)
        {
            if(xhttp.status === 200 || xhttp.status == 0)
            {
                var text = xhttp.responseText;
                node.innerText = text;
            }
        }
    }

    xhttp.send();
}

并在使用绝对路径时在文件名中指定file://，

readFile("file:///Drive/and/your/path/to/file.ext");

这是给你一个想法。希望对您有所帮助。

【讨论】：