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

Question

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

Chemistry
Physics
Mathematics
Other

我想创建一个下拉列表 <select>将此文件导入到我的 HTML 中。我该如何使用 Javascript 来做到这一点？文件中有50多个部门，因此创建<option>对于每个部门来说这不是一个好主意。

Answer 1

To read txt file, you need to make an ajax call to department.txt and iterate departments like this:

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