Google Apps Script模态框提交异常：无法关闭或获取值求助

核心问题拆解 #

1. 提交按钮无反应（不加closePrompt()）：google.script.run是异步操作，若不通过成功回调关闭对话框，用户会误以为操作未执行，但实际异步请求在后台处理，只是没有反馈。
2. 添加closePrompt()后日志异常：按钮点击时同时调用submitDependency()和closePrompt()，对话框会立即关闭，导致google.script.run的异步请求被中断，setDependency()根本没机会执行；同时sheetUpdate()中打印dependencyDlgObj的代码在模态框打开后立刻执行，此时用户还未提交数据，自然为空。

修复步骤 #

1. 修正提交按钮的点击逻辑 #

移除按钮onclick中的closePrompt()，让google.script.run的成功回调来关闭对话框，确保异步请求执行完成：

<!-- 修改后的按钮代码 -->
<div class="btn-text-right">
  <button type="button" onclick="closePrompt()" class="btn btn-primary">Cancel</button>
  <button type="button" onclick="submitDependency()" class="btn btn-primary">Submit</button>
</div>

2. 统一closePrompt函数定义 #

删除重复的函数定义，避免作用域冲突，保留一个全局的关闭函数：

<script>
  // 统一关闭对话框的函数
  function closePrompt() {
    google.script.host.close();
  }

  /* Upon clicking Submit button */
  function submitDependency() {
    var elementsObj = {
      label: "",
      dropdownChoice: "",
      textInput: ""
    };
    elementsObj.label = document.querySelector(".lbl-task").innerText;
    elementsObj.dropdownChoice = document.querySelector("select[name='Dependencies']").value;
    elementsObj.textInput = document.querySelector("input[name='taskright']").value;

    // 依赖成功回调关闭对话框，确保请求执行完成
    google.script.run.withSuccessHandler(closePrompt).setDependency(elementsObj);
  }
</script>

3. 调整日志与业务逻辑的执行时机 #

sheetUpdate()中在打开模态框后立刻打印dependencyDlgObj是错误的，因为此时用户还未输入任何数据。所有依赖用户提交数据的逻辑（包括日志、后续业务处理）都应该放到setDependency()中：

function setDependency(elementsObj) {
  // Use the retrieved values as needed
  dependencyDlgObj.label = elementsObj.label;
  dependencyDlgObj.dropdownChoice = elementsObj.dropdownChoice;
  dependencyDlgObj.textInput = elementsObj.textInput;

  // 这里打印的才是用户提交的真实数据
  Logger.log("Label value: " + dependencyDlgObj.label);
  Logger.log("Dropdown value: " + dependencyDlgObj.dropdownChoice);
  Logger.log("Text input value: " + dependencyDlgObj.textInput);

  // 在这里添加后续的业务逻辑，比如写入表格等
}

4. 修复变量未声明的问题 #

代码中存在未声明的变量（如activeTask、trimmedHeader），严格模式下会报错，补充声明：

function createDependencyPrompt(editedRange) {
  //Open a dialog
  var htmlDlg = HtmlService.createHtmlOutputFromFile('Dependencies')
      .setSandboxMode(HtmlService.SandboxMode.IFRAME)
      .setWidth(480)
      .setHeight(300);

  // 补充var声明
  var activeTask = sheet.getRange(editedRange.getRow(), headersObj.Task_ID).getDisplayValue();
  console.log("activeTask:" + activeTask);
  htmlDlg.append('<script>window.onload = function() { document.getElementById("activeTaskLabel").textContent = "' + activeTask + '"; }</script>');

  SpreadsheetApp.getUi()
      .showModalDialog(htmlDlg, 'Dependencies');
}

function getHeaders() {
  headersDisplayValues.forEach((headerValues, headerColumnIndex) => {
    headerValues.forEach((header, columnNumber) => {                              
      // 补充var声明
      var trimmedHeader = header.split(" ").join("_");      
      headersObj[trimmedHeader] = columnNumber + 1;
    });
  });

  console.log(headersObj);  
}

额外注意事项 #

• 确保sheet、headersObj等变量是全局声明的，或者通过参数正确传递到函数中，避免因作用域问题导致的错误。
• 可安装触发器触发的函数sheetUpdate()运行在服务器端，无法直接与用户交互（模态框是用户端操作），但你当前的实现是通过sheetUpdate()调用createDependencyPrompt()打开模态框，这是可行的，因为触发器触发时如果用户在操作表格，会在用户的上下文打开对话框。

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