表单提交时如何合并数组项？解决多输入框仅提交首个值问题

嘿，我明白你的困扰——表单里每天加了多个同名字段，结果提交后只有第一个值进了电子表格对吧？这其实是因为Google Apps Script默认只取同名字段的第一个值，得改改后端的处理逻辑才行，下面一步步来帮你搞定：

问题出在哪？ #

当你的HTML表单里有多个name属性相同的输入框（比如多个name="SUNDAY_NOTES"），Google Apps Script的e.parameter对象只会返回第一个输入框的内容。要拿到所有值，得用复数形式的e.parameters，它会把同名字段的所有值返回成一个数组。

具体解决步骤 #

1. 修改后端的Google Apps Script代码 #

假设你原来的提交处理函数是这样的：

function doPost(e) {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("你的工作表名");
  // 原来的写法只能拿到第一个值
  const sundayNotes = e.parameter.SUNDAY_NOTES;
  sheet.appendRow(["", sundayNotes, ...其他字段]);
}

现在把它改成下面这样，用e.parameters获取数组，再把数组合并成一个适合放入单元格的字符串：

function doPost(e) {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("你的工作表名");
  
  // 获取周日所有笔记的数组，用|| []处理没有输入的情况
  const sundayNotesList = e.parameters.SUNDAY_NOTES || [];
  // 把数组转成用换行分隔的字符串，也可以换成", "用逗号分隔
  const sundayNotes = sundayNotesList.join("\n");
  
  // 其他天的字段也用同样的方式处理，比如周一
  const mondayNotesList = e.parameters.MONDAY_NOTES || [];
  const mondayNotes = mondayNotesList.join("\n");
  
  // 最后把合并好的值写入表格
  sheet.appendRow([sundayNotes, mondayNotes, ...其他字段]);
}

2. 确认前端动态添加的输入框命名正确 #

别忘了，你点击"Add Another"新增的输入框，name属性必须和初始的输入框完全一致！比如初始周日输入框是name="SUNDAY_NOTES"，新增的也要用这个名字，不然后端没法把它们归为一组。

举个前端添加输入框的示例代码：

function addSundayNote() {
  const container = document.getElementById("sunday-notes-container");
  const newInput = document.createElement("input");
  newInput.type = "text";
  newInput.name = "SUNDAY_NOTES"; // 必须和初始输入框同名！
  newInput.placeholder = "再添加一条周日的笔记";
  container.appendChild(newInput);
}

小优化建议 #

• 如果希望每个笔记在单元格里单独占一行，用\n分隔就很合适，电子表格里会自动换行显示；要是喜欢用逗号分隔，把join("\n")改成join(", ")就行。
• 可以给新增的输入框加个删除按钮，用户填错了能删掉，体验会更好~

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