时间戳

首页 > 解决方案 > 如何从文本文件中读取并将其显示为 html 中的下拉列表（选择）

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

问题描述

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

我已经尝试使用以下代码加载文本文件以显示为 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]);
};

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

标签： javascriptpythonflasktext

解决方案

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

HttpRequest

你也可以在这里阅读。

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");

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

推荐阅读