JS - 从表单答案创建重定向 URL 字符串

Question

我们的网站正在为我们的应用程序表单从 FormAssembly 切换到 Typeform，但是对于我们来说，能够根据用户回答表单的方式自定义表单的“完成时重定向”URL 至关重要。 FormAssembly 提供了该功能，但我认为 Typeform 没有，如果没有解决方法，它将破坏我们所有的 Analytics 目标转换报告和商业智能数据。 维护这些数据和转换 URL 对我们来说非常重要。

也许有一种 Javascript/jQuery/PHP 方法可以在 Typeform 中完成我们对 FormAssembly 所做的事情（见下文）？ 还是其他解决方法？ 甚至有可能做到这一点吗？ 希望有人可以提供一些建议...

这是我们当前使用 FormAssembly 表单完成 URL 时的重定向：
/application-complete?details= [NAcert]

该字符串的“NAcert”部分是一个计算值，有四个可能的值，基于用户如何回答我们表单中的两个问题：

1. NAcert = 公民身份问题的答案是“美国”或“加拿大”； 认证问题的答案是“是”
2. NAnot = 公民身份问题的答案是“美国”或“加拿大”； 认证问题的答案是“否”
3. OTHcert = 对公民身份的回答不是“美国”或“加拿大”； 并且对认证问题的回答是“是”
4. OTHnot = 对公民身份的回答不是“美国”或“加拿大”； 并且对认证问题的回答是“否”

虽然 Typeform 提供隐藏字段，但无法从其他表单答案中填充它们，尤其是使用上述值的条件规则。 同样，它允许您传递字段值以重定向 URL，但只能再次直接向上传递值，而无需任何条件......

编辑：尝试调整操作的链接解决方案不适用于 Typeform

Answer 1

来自 Typeform 的 Marcel 在这里。

虽然不理想，但您可以使用计算器中的分数变量和具有不同重定向 URL 的多个感谢屏幕来实现您的目标。 您可以查看此表单（此处为 API 定义）以了解我的意思，如果需要，请随时要求澄清。

在此示例中，每个感谢屏幕都有不同的文本，但您可以只使用相同的内容，只修改重定向按钮 URL 以使它们对于您的受访者看起来相同。

我们目前正在努力支持 forms 中的多个变量，并且它们中也有不同的类型（所以在这种情况下不仅是数值，还有字符串），所以希望在我们发布这个时（根据我们的计划在明年初） ，这应该容易得多。 希望我的“hack”在此期间有所帮助，感谢您使用我们的产品！

PS：如果您已经在表单中使用分数变量，我的 hacky 解决方案将不起作用。

Answer 2

是的你可以。 使用提交事件来更改表单的操作值。

function changeAction(e) {
  var NAcert = 'NAcert' // insert code to set this value
  e.target.action = '/application-complete?details=' + NAcert
}
myForm.addEventListener("submit", changeAction);

显然，如果您使用的是 jQuery，您可以使用该方法做同样的事情。 另外，我实际上并没有测试这段代码，但希望你能明白。