使用 JQuery 以重力形式获取价值

Question

我正在尝试向我的重力表格 (WordPress) 添加一个公式，其中包括指数。我无法使用内置计算器，因为没有指数函数。 它基本上是一个贷款计算器。

r=rate ;(form_id=4)/12

p=贷款金额；(form_id=1)

D=duration ;(form_id=2, [下拉菜单]) * 12

X=p(r/1-(1+r)^-D)

X=还款

现在我以下拉和书写数字的形式从表单中获取 r、p 和 D。

到目前为止，我已经放置了一个 HTML 框并在其中插入了这段代码：

<script>
gform.addFilter( 'gform_calculation_result', function(result, formulaField, formId, calcObj ){    
if ( formulaField.field_id == "2" ) {
    result = /****/;
}
return result;
});
</script>

我没有任何编程背景，是从支持团队成员那里得到的。

我的理解是这段代码将替换 field_id 2 的计算（显示 X=[monthly repayment] 与我的公式的结果 -> “/****/”

但我必须编写公式，我不知道如何使用 jQuery 从表单中获取值并将它们放入公式中。

我从 W3school 和另一个网站找到了 JavaScript 数学函数，所以我在编写公式时没有问题，我只需要 jQuery 的帮助来获得值。

我想知道是否有人可以帮助我解决这个问题？

Answer 1

您可以使用 jQuery .val() 获取字段值。因此，如果您想获取字段 5 的值，可以使用类似这样的方法

var field_five = jQuery('#input_2_5').val();

输入 id 遵循 input_{form_id}_{field_id} 的命名约定，对于多输入字段，它们将以 _{input_no} 结尾。您可以通过使用浏览器开发者工具检查字段来确认输入 ID 是什么，您会看到类似这样的内容。

<li id="field_2_5" class="gfield">
    <label class="gfield_label" for="input_2_5">Number</label>
    <div class="ginput_container">
        <input name="input_5" id="input_2_5" type="text" value="" class="medium" tabindex="5">
    </div>
</li>

要在计算中使用检索到的值，脚本如下所示：

<script>
gform.addFilter( 'gform_calculation_result', function(result, formulaField, formId, calcObj ){    
    if ( formulaField.field_id == "2" ) {
        var field_five = jQuery('#input_2_5').val();
        result = field_five * 12;
    }
    return result;
});
</script>