Google Apps Script新手求助：侧边栏表单数据写入指定单元格

原代码问题分析 #

1. 工作表获取逻辑错误：SpreadsheetApp.getActiveSheet()是获取当前激活的工作表，后续不能再调用getSheetByName()，正确流程是先获取整个电子文档，再按名称定位目标工作表。
2. 未读取表单传入的数据：函数参数form包含了表单提交的所有字段值，直接使用firstName、lastName会因变量未定义报错，需通过form.firstName、form.lastName读取。
3. 冗余变量声明：重复声明var ss且无需将赋值结果存入变量，直接执行单元格赋值操作即可。

修改后的Google Apps Script代码 #

function onOpen() {
  SpreadsheetApp
    .getUi()
    .createMenu("Admin")
    .addItem("Admin page", "showAdminSidebar")
    .addToUi();
}

function showAdminSidebar() {
  var widget = HtmlService.createHtmlOutputFromFile("Form.html");
  widget.setTitle("Admin page");
  SpreadsheetApp.getUi().showSidebar(widget);
}

function appendRowFromFormSubmit(form) {
  // 获取整个电子表格
  var ss = SpreadsheetApp.getActiveSpreadsheet();
  
  // 将firstName写入Schedule表的G5单元格
  ss.getSheetByName("Schedule").getRange("G5").setValue(form.firstName);
  
  // 将lastName写入Meals表的C3单元格
  ss.getSheetByName("Meals").getRange("C3").setValue(form.lastName);
}

优化后的HTML代码（可选，添加提交反馈） #

<!DOCTYPE html>
<html>
 <head>
   <base target="_top">
   <script>
     function submitForm() {
       const form = document.getElementById("employeeForm");
       google.script.run
         .withSuccessHandler(() => {
           alert("数据提交成功！");
           form.reset(); // 重置表单
         })
         .withFailureHandler(err => {
           alert(`提交失败：${err.message}`);
         })
         .appendRowFromFormSubmit(form);
     }
   </script>
 </head>
 <body>
   <h1>Enter employee details</h1>
   <form id="employeeForm">
     <label for="firstName">First name</label>
     <input type="text" id="firstName" name="firstName" required><br><br>
     <label for="lastName">Last name</label>
     <input type="text" id="lastName" name="lastName" required><br><br>
     <div>
       <label for="department">Department:</label><br>
       <input type="radio" id="sales" name="department" value="Sales">
       <label for="sales">Sales</label><br>
       <input type="radio" id="marketing" name="department" value="Marketing">
       <label for="marketing">Marketing</label><br>
       <input type="radio" id="product" name="department" value="Product">
       <label for="product">Product</label><br>
       <input type="radio" id="engineering" name="department" value="Engineering">
       <label for="engineering">Engineering</label><br><br>
       <input type="button" value="Submit" onclick="submitForm();">
   </form>
 </body>
</html>

关键说明 #

• 通过SpreadsheetApp.getActiveSpreadsheet()获取当前电子文档实例，再用getSheetByName()定位目标工作表，这是正确的工作表获取流程。
• 利用form参数直接读取表单字段值，确保数据能正确传递到脚本中。
• 可选的HTML优化添加了成功/失败反馈，提升用户体验，同时给输入框添加required属性确保必填字段不为空。

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