javascript - 制作一个包含用于提交答案的表格的 Google 表单

Question

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

我对此进行了广泛的研究，但找不到任何符合要求的东西 - 我的想法是使用 Google Apps 脚本以用户可以填写的形式创建一个表格。我发现的最接近的是这样的:Creating Form Elements Dynamically

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



提前致谢!

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

Answer 1

我知道 OP 可能早就从这个问题上转移了。然而，我过去曾按照这些思路做过一些事情，并认为我会 share my approach与社区。

我将从假设 Google 表单只是用户使用其表单构建器以编程方式生成的好 ol' 纯 HTML 表单的前提开始。因此，可以遍历 as-built 表单并提取提交位置和所有字段名称:

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 提交，或者将其解析为单个字段并逐个提交条目，以达到 this demo 的目的。我选择了最简单的方法，但这件事肯定有潜力。