1

我在 formstack 中有一个表单,我需要添加一些超出其计算生成器功能的计算。我需要使用 switch 语句来确定数字在哪个范围内,然后根据范围执行不同的计算。然后我想用答案实时填充表单上的另一个字段。是否可以执行以下任何操作?

将自定义 javascript 添加到 formstack 以创建高级计算?

让 formstack 表单与我嵌入表单的页面上的 javascript 通信。

使用 formstack api/webhook 进行计算。我不认为这是一个选项,因为 webhook 仅适用于提交,而不适用于任何其他事件。

4

1 回答 1

1

编辑

使用change事件的缺点是用户需要选择另一个字段才能触发事件,因此它不是真正实时的。对于在每个输入上更新您的视图的解决方案,请将您的事件侦听器绑定到keyup事件。

原始答案

是的,您可以像处理常规 HTML 表单一样操作嵌入在您的页面中的表单。为了实现您所描述的,您可以在目标字段上收听change事件以读取它们的更新值并进行计算/字段填充。类似的东西

document.getElementById('#yourFieldIdHere').addEventListener('change', function(e) {
    var field = e.target,
        value = field.value,
        result;

    switch (value) {
        case 'foo':
        ...
        //Do whatever you like here
    }

    result = 'whatever your calculations return';

    document.getElementById('#otherFieldId').value = result;
})

注意:以上只是伪代码,让您了解我提出的解决方案

于 2017-02-16T00:47:16.487 回答