javascript - 如何通过在javascript中导入txt文件来创建列表？

我有一个包含部门的department.txt文件：

Chemistry
Physics
Mathematics
Other

我想通过在HTML中导入此文件来创建下拉列表<select>。如何使用Javascript进行操作？
文件中有50多个部门，因此为每个部门创建<option>并不是一个好主意。

最佳答案

要读取txt文件，您需要对ajax进行department.txt调用并像这样迭代部门：

function readFile() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      var res = xhttp.responseText;
      res = res.split('\n');
      var html = '<select name="department">';
      res.forEach(function(item) {
        html += '<option value="' + item + '">' + item + '</option>';
      });
      html += '</select>';
      document.body.innerHTML = html;
    }
  };
  xhttp.open("GET", "department.txt", true);
  xhttp.send();
}
readFile();

关于javascript - 如何通过在javascript中导入txt文件来创建列表？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33559962/