javascript - 如何将组合框链接到图像文件夹？

Question

在 HTML 正文中我有 <input type="file" id="img" multiple><br>
<input type="submit" onclick="loadfiles()">

在 Javascript 中我有:

function loadfiles() {
  var viewer = new PhotoViewer();
  var imageFiles = document.getElementById("img"),
  filesLength = imageFiles.files.length;
  for (var i = 0; i < filesLength; i++) {
    viewer.add('./Slide1/'+imageFiles.files[i].name);
  }
  viewer.show(0);

在这里，我所做的是从特定文件夹中选择多个文件，这些文件显示在 jQuery slider 中。但我想将其作为文件夹的组合框来实现:无论我选择哪个文件夹，它都会使用相同的 jQuery slider 显示该文件夹中存在的所有图像。

<form name=myform>
  <select id="mytextarea" name=mytextarea size=1>
    <option name=one value=one> one </option>
    <option name=two value=two> two </option>
    <option name=three value=three > three </option>
    <option name=four value=four> four </option>
  </select>
</form>

如何获取文件夹的链接？

Answer 1

您可以将组合框的引用传递给函数

<input type="file" id="img" multiple><br>
<input type="submit" onclick="loadfiles(this)">

function loadfiles(obj) {
  var selectedOption = obj.val();
  }