在下拉列表中选择特定值时如何在联系表单 7 中启用字段

Posted 2023-05-08

【中文标题】在下拉列表中选择特定值时如何在联系表单 7 中启用字段

【英文标题】：How to enable a field in contact form 7 when selecting a particular value in droplist

【发布时间】：2016-10-08 13:33:48

【问题描述】：

我使用插件在我的 wordpress 网站中创建了一个联系表格 联系表格 7.现在我只想在联系表单中启用一个字段 当用户在下拉列表中选择特定值时[在同一 形式]。

示例：当用户选择选项时显示表单上传字段 图片在下拉列表中

请帮我做

提前致谢

【参考方案1】：

你可以使用 JQuery hide()/show()

把这个jQuery代码放在页脚

#fileimage 将此 id 更改为您的表单 上传字段 id

#selectid将此ID更改为您的表单选择字段ID

jQuery(document).ready(function()
    jQuery(".wpcf7-form-control-wrap #fileimage").hide();
    jQuery("#selectid").change(function()
        if(jQuery(this).val()=="image")
        
            jQuery(".wpcf7-form-control-wrap #fileimage").show();
        
        else
        
            jQuery(".wpcf7-form-control-wrap #fileimage").hide();
        
        
    );

);

【参考方案2】：

您要通过从下拉列表中选择选项打开的字段。您需要在下拉列表下方创建隐藏字段，并且您需要根据您要在所选选项上显示的字段的要求编写 jQuery。