Как создать динамическое раскрывающееся меню в контактной форме 7

У меня есть проект wordpress (dqsnigeria / website / contact), и у меня возникла проблема создания динамического раскрывающегося меню с помощью контактной формы 7. Ниже приведена ссылка на то, что я должен воспроизвести для клиента.

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

В верхнем раскрывающемся списке выберите форму. Если вы выберете один вариант, вы увидите другую форму, пока не увидите все варианты. Некоторые варианты - это просто обычные ссылки на страницы. Мой подход к этой проблеме состоит в том, чтобы сначала создать разные страницы форм, но теперь я застрял в использовании Javascript для запуска действий в другом раскрывающемся списке.

Может ли кто-нибудь помочь мне с ответом кода на эту проблему или ресурс в Интернете, где я могу выполнить шаги для достижения этой задачи. Спасибо !

вы можете использовать этот плагин для достижения цели wordpress.org/plugins/cf7-conditional-fields

Shravan Sharma 04.01.2019 11:07

Вы хотите изменить некоторые поля своего из?

Harsh Khare 04.01.2019 12:03
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
2
3 459
1

Ответы 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]

Вот и все, теперь вы увидите настраиваемые значения в раскрывающемся списке.

вы можете заполнить продукты woocommerce в контактной форме 7 выберите.

посетите эту ссылку статьи для получения более подробной информации https://lets-solve.com/populate-woocommerce-products-in-contact-form-7-select/

ваш код очень полезен для меня, особенно ссылка, которой вы поделились.

M.Idrish 13.04.2021 12:01

Другие вопросы по теме