HTML格式:选择多个,仅提交一个值

问题描述 投票:1回答:1

来自电子表格

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[]",但在工作表中未定义

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

任何想法。谢谢

forms google-apps-script google-sheets google-apps
1个回答
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

© www.soinside.com 2019 - 2024. All rights reserved.