Estoy trabajando con una aplicación web de Google App Script que se usará para mostrar las microcredenciales de los estudiantes. El objetivo es hacer que pueda usar un menú desplegable para elegir qué clases se muestran. Creé el menú desplegable en la aplicación web copiándolo de W3Schools , pero en realidad no funciona. Necesito ayuda para que el menú desplegable haga lo que necesito hoy.

En la pantalla de ejemplo puedes ver la vista que he configurado y el menú desplegable con tres clases:

Los datos de esta aplicación web se almacenan en una hoja de cálculo de Google, como esta:

Y el doGet se ve así:

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

Donde la variable "classSelection" es igual al nombre de la clase (101, 201 o 202) y las cinco funciones "get" (getPictures, getNames) devuelven la imagen, los nombres, etc. para esa clase como una matriz.

Bien, este es mi problema específico con el que necesito ayuda.

1. ¿Cómo obtengo el menú desplegable para enviar datos (la clase) de vuelta a doGet para que la variable "classSelection" se actualice y muestre solo la clase seleccionada?

Nuevamente, para el código que usé para crear el menú desplegable (html, css y script), vea este enlace , literalmente copié y pegué y solo cambié los títulos del menú desplegable 😊