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

【问题标题】：Contact Form 7 Conditional fields with auto filling field联系表格 7 带有自动填充字段的条件字段
【发布时间】：2017-07-07 14:23:26
【问题描述】：

如何在联系表格 7 中显示条件计算？

例如：我有一个包含两个字段的表格，例如 学生编号 和 付款金额。

一个学生的费用是 10 美元。

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

也就是说，如果学生人数是 2，那么第二个字段要显示金额为 20 美元。

可以在联系表格 7 插件中使用吗？谢谢

【问题讨论】：

标签： javascript php wordpress contact-form-7

【解决方案1】：

你可以用 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

【讨论】：

您好，感谢您分享您的想法。但它不适用于联系表格 7.. 我创建了一个模板页面并添加了 js cdn，然后添加了 html、js 代码 sn-p 并且工作正常。但是如果我添加了联系表格 7 的短代码将不会响应。
请检查您的联系表格 7 id。我已经在我的一个网站中使用了此功能（就像计算数量和单价），它工作正常。请参阅随附的屏幕截图。