如何在联系表单 7 中创建动态下拉菜单

Question

我有一个 WordPress 项目 (dqsnigeria/website/contact)，我面临使用联系表单 7 创建动态下拉菜单的挑战。下面是我必须为客户复制的内容的链接。

https://www.dqs-holding.com/en/contact-us/contact-form-general-inquiry/

在顶部的下拉菜单中显示选择一种形式。如果您选择一个选项，您会看到不同的表单显示，直到您看到所有选项。有些选项只是页面的常见链接。我解决这个问题的方法是首先创建不同的表单页面，但现在我坚持使用 Javascript 来触发不同下拉菜单上的操作。

有人可以帮助我提供此问题的代码答案或在线资源，我可以按照步骤来完成此任务。谢谢 ！

Answer 1

首先，您需要将以下代码放入functions.php中

function cf7_select_dropdown($tag, $unused ) {
     if ( $tag['name'] != 'cf7-dropdown' )
         return $tag;

     $tag['raw_values'][] = "One";
     $tag['labels'][] = "One";
     
     $tag['raw_values'][] = "Two";
     $tag['labels'][] = "Two";

     $tag['raw_values'][] = "Three";
     $tag['labels'][] = "Three";

     $pipes = new WPCF7_Pipes($tag['raw_values']);
     $tag['values'] = $pipes->collect_befores();
     $tag['pipes'] = $pipes;

     return $tag;
}

add_filter( 'wpcf7_form_tag', 'cf7_select_dropdown', 10, 2); 

现在使用“cf7-dropdown”

[select cf7-dropdown]

就是这样，现在您将在下拉列表中看到自定义值。

您可以在联系表单 7 选择中填写 woocommerce 产品。

请访问此链接文章了解更多详细信息https://lets-solve.com/populate-woocommerce-products-in-contact-form-7-select/