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

Question

I have a department.txt file that contains departments:

Chemistry
Physics
Mathematics
Other

and i want to create a drop down list <select> by importing this file in my HTML. How can i do it using Javascript ? There are 50+ departments in file , so creating <option> for every department will not be a good idea.

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