下拉菜单如何动态改变网络应用程序？

Question

我正在使用一个 Google App Script Web 应用程序，该应用程序将用于显示学生的微证书。目标是让我可以使用下拉菜单来选择显示哪些类。我通过从 W3Schools 复制来在网络应用程序上创建了下拉列表，但它没有t 实际上起作用。我需要一些帮助才能让下拉菜单完成我今天需要的操作。

在示例屏幕中，您可以看到我设置的视图和包含三个类的下拉列表：

此网络应用程序的数据存储在 Google 表格中，如下所示：

doGet 看起来像这样：

function doGet(e) {
  var htmlOutput = HtmlService.createTemplateFromFile('WebApp');
  var pictures = getPictures(classSelection);
  var names = getNames(classSelection);
  var cutBelts = getCutBelts(classSelection);
  var measureBelts = getMeasureBelts(classSelection);
  var bindBelts = getBindBelts(classSelection);

  var classSize = 10;

  if(pictures.length<10){
    classSize=pictures.length;
  }


  htmlOutput.pictures = pictures;
  htmlOutput.names = names;
  htmlOutput.cutBelts = cutBelts;
  htmlOutput.measureBelts = measureBelts;
  htmlOutput.bindBelts = bindBelts;
  htmlOutput.classSize = classSize;

  return htmlOutput.evaluate();
}

其中变量“classSelection”等于类的名称（101、201 或 202），五个“get”函数（getPictures、getNames）以数组形式返回该类的图片、名称等。

好的，这是我需要帮助的具体问题。

1. 如何获取下拉列表以将数据（类）发送回 doGet，以便变量“classSelection”更新并仅显示所选类？

同样，对于我用来创建下拉列表的代码（html、css 和脚本），请参阅 此链接，我直接复制粘贴，只更改了下拉标题