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

Question

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

Chemistry
Physics
Mathematics
Other

我希望通过在HTML中导入此文件来创建下拉列表<select>。我怎样才能使用Javascript？ 文件中有50多个部门，因此为每个部门创建<option>都不是一个好主意。

Answer 1

  

要阅读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();