如何用AppScript处理HTML表单多选框数据及Google表格权限问题

一、多选框数据以逗号分隔存入表格的解决方案 #

原代码中，e.parameter[header] 对多选框字段的处理存在问题：选中多个选项时返回数组，单个选项时返回字符串，直接赋值会导致表格仅显示第一个选项或空值。需修改代码将数组转为逗号分隔的字符串：

修改 doPost 函数内的 newRow 生成逻辑：

var newRow = headers.map(function(header) {
  if (header === 'timestamp') {
    return new Date();
  }
  var value = e.parameter[header];
  // 判断是否为数组，是则用逗号连接，否则直接返回值
  return Array.isArray(value) ? value.join(', ') : value;
});

完整修改后的AppScript代码：

var sheetName = 'Sheet1'
var scriptProp = PropertiesService.getScriptProperties()

function intialSetup () {
  var activeSpreadsheet = SpreadsheetApp.getActiveSpreadsheet()
  scriptProp.setProperty('key', activeSpreadsheet.getId())
}

function doPost (e) {
  var lock = LockService.getScriptLock()
  lock.tryLock(10000)

  try {
    var doc = SpreadsheetApp.openById(scriptProp.getProperty('key'))
    var sheet = doc.getSheetByName(sheetName)

    var headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0]
    var nextRow = sheet.getLastRow() + 1

    var newRow = headers.map(function(header) {
      if (header === 'timestamp') {
        return new Date();
      }
      var value = e.parameter[header];
      return Array.isArray(value) ? value.join(', ') : value;
    })

    sheet.getRange(nextRow, 1, 1, newRow.length).setValues([newRow])

    return ContentService
      .createTextOutput(JSON.stringify({ 'result': 'success', 'row': nextRow }))
      .setMimeType(ContentService.MimeType.JSON)
  }

  catch (e) {
    return ContentService
      .createTextOutput(JSON.stringify({ 'result': 'error', 'error': e }))
      .setMimeType(ContentService.MimeType.JSON)
  }

  finally {
    lock.releaseLock()
  }
}

二、Web应用权限设置问题解决 #

部署时需确认两个关键设置，且必须重新部署新版本（不是点击“更新”）：

• 执行权限：选择「任何人，甚至匿名」
• 谁可以访问此应用：选择「任何人」

操作步骤：

1. 打开AppScript编辑器，点击右上角「部署」→「新部署」
2. 类型选择「Web应用」
3. 执行权限：下拉选择「任何人，甚至匿名」
4. 访问权限：选择「任何人」
5. 点击「部署」，复制新的Web应用URL替换表单中的提交地址

注意：首次部署需完成授权流程，确保权限生效。

内容的提问来源于stack exchange，提问作者Lara-Daisy Lowndes