Google Apps Script中google.script.run未执行logval函数问题排查

核心错误：拼写失误 #

HTML脚本里的googe.script.run是拼写错误，正确写法应为google.script.run——少了字母'l'，这直接导致前端无法调用后端的logval函数，自然不会在执行记录中留下该函数的运行痕迹。

其他潜在问题及优化 #

• 页面中两个元素（按钮和提交输入框）使用了相同的id="button"，DOM要求id必须唯一，会引发事件绑定或选择器的异常问题，需改为不同id。
• jQuery获取下拉框值的写法冗余，$(document.getElementById('option-list')).val()可简化为$('#option-list').val()。
• GAS后端的logval函数使用console.log时，执行记录页面不会显示该日志，建议改用Logger.log("value")，这样日志会直接出现在执行记录中；若坚持用console.log，需在脚本编辑器的「查看」→「日志」中查看输出。

修正后的完整代码 #

后端GS代码 #

function custdialogue() {
  const htmlDlg = HtmlService.createHtmlOutputFromFile('Filename')
      .setSandboxMode(HtmlService.SandboxMode.IFRAME)
      .setWidth(200)
      .setHeight(150);
  const ui = SpreadsheetApp.getUi();
  ui.showModalDialog(htmlDlg, 'Title');
};

function logval() {
  Logger.log("value"); // 改用Logger.log，执行记录会显示该日志
}

前端HTML代码 #

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    <label for="option-list">Pick an option:</label>
      <select id="option-list"> <!-- 移除多余的option属性 -->
        <option value="one">One</option>
        <option value="two">Two</option>
        <option value="three">Three</option>
      </select>
      <button id="submit-button" onclick="submitval()">Click</button> <!-- 修改为唯一id -->
      <input type="submit" id="close-button" value="close" onclick="closeIt()"/> <!-- 修改为唯一id -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>
      function submitval(){
        var entry = $('#option-list').val(); // 简化jQuery取值写法
        alert(entry);
        closeIt();
      }
      function closeIt(){
        google.script.host.close();
      }
      
      // 修正拼写错误：google而非googe
      google.script.run.withSuccessHandler(submitval)
        .logval();
    </script>
  </body>
</html>

验证效果 #

修正后运行custdialogue函数，对话框弹出时logval会被自动调用，执行记录页面会同时显示custdialogue和logval的执行记录，Logger.log("value")的内容也会出现在执行记录的日志板块中。

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