javascript - 使用 Google Apps 脚本解析表单提交

Question

我有一个 Google 电子表格，它加载带有 HTML 表单的侧边栏。该表单的代码如下:

<script>
function handleFormSubmit(formObject) {
    google.script.run.processForm(formObject);

}
</script>
<form id="myForm" onsubmit="handleFormSubmit(this)">
  PO#: <input type="text" name="po" required><br/>
  Invoice#: <input type="text" name="invoice" required><br/>
  <input type="submit" value="Submit" />
</form>
<div id="output"></div>

它适用于以下脚本:

function processForm(form) {  
  var ss = SpreadsheetApp.getActive();
  var sheet = ss.getSheetByName('Sheet5');
  var lr = sheet.getLastRow();
  var range = sheet.getRange(lr+1,1,1,1);
  range.setValue(form);
  Logger.log(form);
}

目前我得到 {invoice=####, po=####} 结果。我如何解析(如果这是正确的术语)表单提交，以便每个响应都可以转到不同的单元格？有什么办法可以把它变成一个数组吗？

谢谢

Answer 1

不太确定您想在这里做什么，但我认为您无法将 dom 对象传输到 Google Apps 脚本。你可以使用这个:

<script>
function handleFormSubmit(formObject) {
    google.script.run.processForm({
        po: formObject.getElementById("po").value,
        invoice: formObject.getElementById("invoice").value
    });

}
</script>
<form id="myForm" onsubmit="handleFormSubmit(this)">
  PO#: <input type="text" name="po" id="po" required><br/>
  Invoice#: <input type="text" name="invoice" id="invoice" required><br/>
  <input type="submit" value="Submit" />
</form>
<div id="output"></div>

然后在您的 Google Apps 脚本中，要获取输入的值，请使用

form.po

和

form.invoice