联系表格7带有自动填充字段的条件字段

时间:2017-07-02 12:43:38

标签: javascript php wordpress contact-form-7

如何以联系表格7显示条件计算?

例如: 我有一个包含两个字段的表单,例如学生编号付款金额

一个学生费用是10美元。

因此,如果用户在第一个字段中输入学生计数,则需要自动将学生费用显示在付款字段中。

即如果学生数为2,则第二个字段希望显示金额为20美元。

它可能在联系表格7插件? 感谢

1 个答案:

答案 0 :(得分:0)

你可以用jquery做到这一点。例如cf7这样的短代码

[text* qty id:qty ]
[text* price id:price readonly]  (Readonly for not editable fields)
[text subtotal id:total class:total readonly]

jquery代码:(包含在单独的js文件中)

$(document).ready(function(){
    var qty=$("#qty");
    qty.keyup(function(){
        var total=isNaN(parseInt(qty.val() $("#price").val())) ? 0 :
        $(qty.val() $("#price").val())
        $("#total").val(total);
    });
});

http://jsfiddle.net/ugPxf/

contact form 7 backend screenshot