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

时间:2019-01-04 10:03:47

标签: javascript wordpress contact-form-7

我有一个wordpress项目(dqsnigeria /网站/联系人),并且在使用联系表单7创建动态下拉菜单时遇到了挑战。下面是我必须为客户复制的内容的链接。

https://stackoverflow.com/a/17758758/5351

在顶部的下拉菜单中选择一个表单。如果选择一个选项,则会看到不同的表单显示,直到看到所有选项。一些选项只是页面的常见链接。解决此问题的方法是先创建不同的表单页面,但现在我只能使用Javascript来触发对不同下拉列表的操作。

有人可以协助我解决此问题的代码还是在线资源,我可以按照这些资源来完成此任务。谢谢!

1 个答案:

答案 0 :(得分:3)

首先你需要把下面的代码放在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/