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