Html 如何从文本文件中读取数据并将其附加到select标记的选项中

我的项目结构中有一个文本文件，有10行名称

Sarah
Adam
John
Connor
...

我想把所有这些行作为选项附加到我的as选项中

<select id="nameSelect">
    <!-- I want them here -->
</select>

我的问题是。。我会使用纯JavaScript还是类似React的东西？ 因为如果我想在

选择中添加100项，我不想硬编码每个选项。
如果文本文件和包含选项的文件在同一台服务器上，您确实可以在前端仅使用JavaScript根据文本文件的内容显示选项。加载页面时，使用Ajax检索文件内容，并在回调中按换行符拆分并添加每一行作为选项

<script>
window.onload = function() {
    var client = new XMLHttpRequest();
    client.open('GET', '/foo.txt');
    client.onreadystatechange = function() {
        var select = document.getElementById("nameSelect"),
            options = client.responseText.split("\n"),
            i,
            _html = "";
        for ( i = 0; i < options.length; i++ ) {
            _html += "<option value=" + options[i] +">" + options[i] + "</option>";
        }
        select.innerHTML = _html;
    }
    client.send();
}
</script>


window.onload=函数（）{
var client=new XMLHttpRequest（）；
open（'GET'，'/foo.txt'）；
client.onreadystatechange=函数（）{
var select=document.getElementById（“名称选择”），
选项=client.responseText.split（“\n”），
我
_html=“”；
对于（i=0；i
这里有一个简单的方法，它是一个基于JavaScript的流行服务器端框架。页面将存储在URL
http://localhost:8080
：

//For the purposes of this answer, your text file is called names.txt

var http = require("http");
var fs = require("fs");

http.createServer(function (req, res) {
    fs.readFile("names.txt", function (err, data) {
        res.writeHead(200, {'Content-Type': 'text/html'});
        res.write("<select id='nameSelect'">
        var namesArray = data.split("\n");
        for (var i = 0; i < namesArray.length; i++) {
            res.write("<option value='" + namesArray[i] + "'>" + namesArray[i] + "</option>");
         }
         res.write("</select>");
         res.end();
     });
}).listen(8080);

//为了回答这个问题，您的文本文件名为names.txt
var http=require（“http”）；
var fs=要求（“fs”）；
http.createServer（函数（req，res）{
fs.readFile（“names.txt”，函数（err，data）{
res.writeHead（200，{'Content-Type'：'text/html'}）；
res.write（“这需要使用服务器端（Node.JS/PHP是简单的示例）。你想要使用这些技术的答案吗？我只听说过PHP的一些不好的地方，所以我想Node.JS会更好。hahaNo问题。回答正在进行中…你无法从HDD读取JavaScript，只能在浏览器中运行，否则请参考文本文件和带有选项的文件是否在同一台服务器上，我认为只有1 textfile，我的项目中的一个structure@VargaDev我所说的选项文件是指包含HTML选择标记的文件，您需要在其中放置选项。如果您能够在服务器端执行此操作，JBDouble05将提供最佳答案。如果您被限制在前端，您将使用Ajax。