如何在联系表格 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/