@jaylen.trantow
Для добавления кнопки "add +" для поля в Contact Form 7 в Elementor, вам понадобится использовать дополнительный плагин Elementor Contact Form DB. Этот плагин позволяет расширить функциональность Contact Form 7 и добавить дополнительные опции.
Вот как это сделать:
Теперь, при отправке формы, будет добавляться новое поле "Text" с текущим содержимым поля. Вы можете настроить стиль и расположение нового поля с помощью стилей CSS.
@jaylen.trantow
Также можно использовать следующий код JavaScript для добавления кнопки "add +" для поля в Contact Form 7 в Elementor:
1
|
on_sent_ok: "addAnotherInput();" |
1 2 3 4 5 6 7 8 9 |
function addAnotherInput() { var inputField = document.createElement('input'); inputField.setAttribute('type', 'text'); inputField.setAttribute('name', 'field_name[]'); inputField.setAttribute('placeholder', 'New field'); var form = document.getElementsByClassName('wpcf7-form')[0]; form.appendChild(inputField); } |
Этот JavaScript-код создаст новое текстовое поле при каждой отправке формы. Вы можете настроить это поле (например, добавить id или класс) и применить стили CSS, чтобы показать его в нужном месте и стиле на вашей форме Contact Form 7.