Modal dialog中clickFunc()函数无法执行问题求助

你的问题核心是：clickFunc() 实际已经执行，但依赖 Logger.log() 无法及时观测到结果，导致误以为函数未运行——Google Apps Script（GAS）的日志不会实时刷新，且弹窗关闭前的日志需要手动刷新才能查看。

以下是验证函数执行状态的优化方案：

方案1：通过前端回调直观确认执行结果 #

修改代码让 clickFunc() 返回标识值，在前端回调中展示，直接确认函数执行状态：

调整后的GAS代码 #

function testFunc() {
  const ui = SpreadsheetApp.getUi();
  const htmlOutput = HtmlService.createHtmlOutputFromFile('dropdownTest')
      .setWidth(300)
      .setHeight(200);
  ui.showModalDialog(htmlOutput, "Push the button");
  Logger.log("TEST");
}

function clickFunc() {
  Logger.log("test");
  // 返回标识值供前端确认
  return "clickFunc 已成功执行";
}

调整后的HTML代码 #

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    <form id="myForm">
      <select id="players" name="players">
        <option value="Kobe">Kobe</option>
        <option value="LeBron">LeBron</option>
        <option value="Jordan">Jordan</option>
      </select>
      <br><br>
      <input type="button" value="OK" onclick="submitForm()">
    </form>
  </body>
  <script>
    // 接收服务器返回的执行标识
    function onSuccess(message) {
      alert(`onSuccess：${message}`);
    }

    function submitForm() {
      let player = document.getElementById('players').value;
      google.script.run.withSuccessHandler(onSuccess).clickFunc();
    }
  </script>
</html>

方案2：正确查看GAS日志的方法 #

如果需要查看Logger.log()的输出，按以下步骤操作：

• 执行testFunc()并关闭弹窗
• 在GAS编辑器中点击「查看」→「日志」，或使用快捷键Ctrl+Enter（Windows）/Cmd+Enter（Mac）刷新日志，即可看到clickFunc()输出的test记录

额外优化：传递选中的球员参数 #

你当前代码获取了球员值但未传递给服务器端，若需处理该参数，可修改如下：

HTML中submitForm函数 #

function submitForm() {
  let player = document.getElementById('players').value;
  // 传递选中的球员参数给clickFunc
  google.script.run.withSuccessHandler(onSuccess).clickFunc(player);
}

GAS中clickFunc函数 #

function clickFunc(selectedPlayer) {
  Logger.log(`选中的球员：${selectedPlayer}`);
  return `已处理球员：${selectedPlayer}`;
}

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