html表单：多选，只提交一个值答案

【问题标题】：Html form: Select multiple, only one value is submittedhtml表单：多选，只提交一个值
【发布时间】：2019-12-24 09:36:12
【问题描述】：

来自电子表格

https://docs.google.com/spreadsheets/d/1fuQK9VYk_rV9bO8DvL7iBHiupBtDmbqrv-GV-dirRTk/edit?usp=sharing

我创建了 html 表单

https://script.google.com/macros/s/AKfycbzIKY4rg0Fp5wvaqov5SIK9_je4aJn4tqY9lsbwKCtLropgSrw/exec

问题是当我选择多个选项时，只有一个选项（第一个选择的）提交到工作表

.html

<!DOCTYPE html>
<html>
<body>

<style>
</style>

<form name="submit-to-google-sheet" id="form" action="script URL" method="POST">

<select name="Options" id="Options" aria-required="true" required="" size="4" multiple="multiple">
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3">option3</option>
<option value="option4">option4</option>
<option value="option5">option5</option>
<option value="option6">option6</option>
</select>

<input type="submit" value="Submit"></form>

</body>
</html>

我尝试将输入名称更改为此 name="Options[]"，但它在工作表中给出了 undefined

.gs

function doGet() {
    return HtmlService.createTemplateFromFile('Form.html')
        .evaluate()
        .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
}

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

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

  try {
    var doc = SpreadsheetApp.getActive();
    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) {
      return header === 'Timestamp' ? new Date() : e.parameter[header]
    })

    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()
  }
}

任何想法。谢谢

【问题讨论】：

显示您的doPost() 接收者
.gs 已添加到问题中。谢谢
我同意以下答案。但是，请先尝试e.parameters[header]（即参数s）。

标签： forms google-apps-script google-sheets google-apps

【解决方案1】：

要检索您需要使用 e.postData.contents 而不是 e.parameter 的帖子值，每个字段/参数 [1] 只会返回一个值：

对于有多个参数的参数，只返回第一个值价值观。

使用withSuccessHandler 函数 [2] 而不是在表单元素上使用 action 属性，一种更好的方式（更容易且更安全）使用表单并将数据发送到服务器。

[1]https://developers.google.com/apps-script/guides/web#request_parameters

[2]https://developers.google.com/apps-script/guides/html/communication

【讨论】：

如果对您有帮助，请考虑接受answer
我仍在努力，但您当然帮了很多忙。谢谢！
我尝试将var Options = e.postData.contents.Options; 添加到 .gs 文件代码中（在问题上面提到），但仍然只将第一个选定的值发布到工作表中。任何想法