Google Sheet绑定showPopup的按钮如何根据下拉选项打开对应HTML弹窗

实现方法 #

你可以直接替换原有showPopup函数的代码为以下内容即可实现需求：

function showPopup(){
  // 读取A5单元格的选中值
  const selectedOption = SpreadsheetApp.getActiveSpreadsheet().getRange("A5").getValue().trim();
  // 配置下拉选项对应的HTML文件名映射
  const htmlFileMap = {
    "Sample 1": "index",
    "Sample 2": "Index2",
    "Sample 3": "Index3"
  };
  // 匹配目标文件，未匹配时默认打开index.html
  const targetHtml = htmlFileMap[selectedOption] || "index";
  // 渲染弹窗
  const messagehtml = HtmlService.createHtmlOutputFromFile(targetHtml);
  SpreadsheetApp.getUi().showModalDialog(messagehtml , "");
}

逻辑说明 #

• 代码会先自动读取当前表格A5单元格的选中内容，自动去除首尾空格避免误判
• 你后续如果需要新增下拉选项和对应的HTML文件，直接在htmlFileMap对象中按照"选项值": "对应的HTML文件名（不需要加后缀）"的格式新增键值对即可
• 如果A5选中的内容不在预设的映射列表中，默认会打开index.html，你也可以根据需要调整兜底逻辑，比如改成弹出提示告知请选择有效选项

内容的提问来源于stack exchange，提问作者Demotry