【问题标题】:Sending HTML values in Contact Form 7 (CF7)在联系表 7 (CF7) 中发送 HTML 值
【发布时间】:2018-10-08 08:32:45
【问题描述】:

目前我有一个页面,其中包含几个 JS 按钮和按钮下方的 CF7 联系表单

我在此页面上有一个字段显示由按钮设置的值 <input type="number" id="price"/>

我想知道是否有一种简单的方法可以使用document.getElementById('price').value 之类的方式在 CF7 电子邮件中发送价格值

不胜感激!

【问题讨论】:

    标签: javascript wordpress contact-form-7


    【解决方案1】:

    您可以在 cf7 中为价格创建隐藏字段:

    // hidden was css class for hidding field, id is your input price id for cf7
    [number price class:hidden  id:price_to_send]
    

    然后将您在 cf7 之外的输入价格添加到隐藏字段中

    $('#price').change(function() {
        $('#price_to_send').val($(this).val());
    });
    

    注意:如果您需要在发送前验证输入,您可以使用 wpcf7_before_send_mail 操作,或其他操作/过滤器:http://hookr.io/plugins/contact-form-7/4.7/

    【讨论】:

    • 在邮件正文中使用该字段时仍然不处理 HTML。
    猜你喜欢
    • 2015-11-07
    • 2016-07-17
    • 2014-08-27
    • 2018-04-16
    • 1970-01-01
    • 2013-04-22
    • 2021-01-27
    • 2016-02-07
    相关资源
    最近更新 更多