主页 / 问题 / 640113
Accepted
Flerry
Asked:2020-03-16 14:16:55 +0000 UTC2020-03-16 14:16:55 +0000 UTC

如何将文件中的行添加到列表框（选择）？

  • 772

请告诉我如何将文件中的行添加到这样的元素，一般来说，是否可能：
ListBox(select) example 在此处输入图像描述

html

1 个回答

  1. Best Answer

    离不开javascript它。
    要阅读文件，您可以使用此答案，向Select w3schools添加一个项目。
    在文件中，每个新元素后面都必须跟一个空格。

    <!DOCTYPE html>
<html>

<body>

  <form>
    <select id="mySelect" size="8">
    <option>Apple</option>
    <option>Pear</option>
    <option>Banana</option>
    <option>Orange</option>
  </select>
  </form>
  <br>

  <input type='file' accept='text/plain' onchange='openFile(event)'><br>

  <script>
    var openFile = function(event) {
      var input = event.target;

      var reader = new FileReader();
      reader.onload = function() {
        var text = reader.result;
        add(text);
      };

      reader.readAsText(input.files[0]);
    };


    function add(text) {
      var x = document.getElementById("mySelect");
      var arrText = text.split(' ');
      for (var i = 0; i < arrText.length; i++) {
        if (arrText[i] !== '') {
          var option = document.createElement("option");
          option.text = arrText[i];
          x.add(option);
        }
      }

    }
  </script>

</body>

</html>

    • 1

相关问题