在联系表格7（CF7）中发送HTML值

Question

目前，我有一个页面，其中包含几个JS按钮和按钮

下方的CF7联系表单

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

设置的值

我想知道是否有一种简单的方法可以使用document.getElementById('price').value

之类的内容在CF7电子邮件中发送价格值

非常感谢一些帮助！

Answer 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/