在重力形式的总量旁边显示文本的条件

Question

我需要根据最终金额使用重力形式在总金额旁边显示一个文本。那么，如果金额超过 600，我如何在代码中显示例如“此文本”？

<script type="text/javascript">

gform.addFilter( 'gform_product_total', function(total, formId){

 if(total > 600)
 document.body.innerText = 'this text';

return total;

} );

</script>

上面的公式似乎工作除了文本的一部分，它会自动将我重定向到一个空白页面，文本显示在顶部。我需要文本显示在总 div 的旁边或下方。 有谁知道如何得到它？谢谢。

Answer 1

在重力表单管理页面中为该产品字段提供自定义 CSS 类。 https://docs.gravityforms.com/product/#appearance

如果您将类指定为“product-field”，则字段 html 将生成为

<div class="product-field ginput_container ginput_container_total"> 
<span class="ginput_total ginput_total_18">1.332,45 €</span> 
<input type="hidden" name="input_51" id="input_18_51" class="gform_hidden" value="1332.45"> 
</div>

那么你应该通过它的类来获取这个字段。将 html 附加到字段 div。

<script type="text/javascript">

gform.addFilter( 'gform_product_total', function(total, formId){
 if(total > 600) {
  $('.product-field').append('<div>this text</div>');
 }
 return total;
});

</script>