制作一个包含答案提交表格的 Google 表格

Question

我想用一个简单（且实施成本低）的电子流程替换我工作场所的零件申请流程，该流程使用 Google 表单启动。问题是我希望用户能够输入多个部分（连同相关信息，例如所需数量、预订参考等），但我希望这样做而不必有多个重复的问题。

我对此进行了广泛的研究，但找不到任何符合要求的内容 - 我的想法是使用 Google Apps Script 创建一个用户可以填写的表格。我发现的最接近的是这样的：动态创建表单元素

原始纸质表格如下所示 - 我希望表格以类似的格式请求如下所示的信息：

提前致谢！

编辑！为了清楚起见，我很高兴考虑通过在线界面运行此过程的其他解决方案 - 我首先选择了 Google Sheets/Forms，因为它们已经在我的公司中很好地集成并且我有使用它们的经验（设置触发器等非常简单）

Answer 1

我知道OP可能早已摆脱了这个问题。然而，我过去曾沿着这些思路做过一些事情，并认为我会与社区分享我的方法。

我将从以下前提开始：Google 表单只是用户使用表单生成器以编程方式生成的良好纯 HTML 表单。因此，可以遍历已构建的表单并提取提交位置和所有字段名称：

document.querySelectorAll('form').forEach((x) => {console.log(x.action)})```
document.querySelectorAll('[name^="entry."]').forEach((x) => {console.log(x.name + '=' + x.closest('[role="listitem"]').querySelector('[role="heading"]').innerText)})

上面的代码片段将让您了解组件是什么。

剩下的就是使用您选择的框架构建一个满足您需求的前端（我在其流行的顶峰时使用了 AngularJs），并根据您的需要将尽可能多或尽可能少的 UI 和验证合并到其中。

在这里，您可以灵活地将整个内容作为一个 JSON 提交，或者将其解析为单独的字段并逐个提交条目，出于本演示的目的，我选择了最简单的方法，但这个东西肯定有潜力。