在Gravity表单中显示总金额旁边的文本的条件

时间:2017-12-14 12:05:28

标签: javascript wordpress gravity-forms-plugin

我需要使用重力形式在总金额旁边显示文字,具体取决于最终金额。那么,如果金额超过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的下方或下方。 有谁知道如何得到它?谢谢。

1 个答案:

答案 0 :(得分:0)

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

如果您将课程作为&#39; product-field&#39;,则字段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>