Как вывести значение .text в текстовое поле CF7 с помощью jquery?

Question

[Ринат Умяров]

Здравствуйте, хотел бы вывести название продукта в текстовое поле контактной формы. К примеру, на скрине можно увидеть как примерно это будет выглядеть.

Само поле с id="products_name".
Соответственно, значение, которое нужно отправить будет расположено здесь:

Его значение находится ('div.eael-tabs-nav > ul > li.active > span.eael-tab-title')
Для вывода попробовал сделать такую функцию:

$('#products_name').load(function ( ) {
		var text = $( 'div.eael-tabs-nav > ul > li.active > span.eael-tab-title' ).text();
		$('#products_name').text(text);
		});

понятное дело, нифига не заработало, но отнеситесь, пожалуйста, с пониманием. jquery начал изучать только вчера. В общем, подскажите, пожалуйста, как мою задумку реализовать. Сам додуматься не могу.

Answer 1

[Eugene Chefranov]

$('#products_name').val(text);

И лучше делать на событие выозова поп-апа

$(document).ready(function() {
  $(".modal").on("click", function() { // .modal  - класс кнопки которая вызывает поп-ап с формой
    var text = $("div.eael-tabs-nav > ul > li.active > span.eael-tab-title").text();
    $("#products_name").val(text);
  });
});

Comments

[Ринат Умяров]

Хм, почему-то не заработало. Сейчас попробую посмотреть, как функция выполняется.

[Eugene Chefranov]

ren334, класс кнопки в коде изменили на свой? Можете дать ссылку на сайт

[Ринат Умяров]

Eugene Chefranov, к сожалению, сайт на локалке, пока разместить на хостинге возможности нет, иначе парочка платных плагинов работать перестанет.
Код изменил так:

$(".jet-button__state").on('click', function() { // .jet-button__state  - класс кнопки которая вызывает поп-ап с формой
    var prod_name = $('.elementor-888 .elementor-element.elementor-element-a414616 .eael-advance-tabs .eael-tabs-nav > ul li.active').text();
	$("#products_name").vall(prod_name);
  });

При этом, значение "prod_name" получает. Почему-то заменить значение поля CF7 не может. Например, последнюю строку заменил на
alert(prod_name);
Во всплывающем диалоговом окне появляется нужное мне значение. Теперь все упирается в CF7, в котором сие дело должно выводиться.

[Eugene Chefranov]

ren334, в вашем коде .valс двумя буквами l

[Ринат Умяров]

Eugene Chefranov, пардон, я уже исправил это. В любом случае не работает. При этом, в рандомном по такому принципу получается подменить значение.

[Eugene Chefranov]

ren334, возможно у вас на странице несколько input с ID = products_name

[Ринат Умяров]

Eugene Chefranov, учитывая, что таких кнопок на каждой странице по несколько штук, то так и есть.

[Eugene Chefranov]

ren334, я имею ввиду не кнопку, а поп-ап с формой. Форма одна на странице? id products_name один на странице?

[Ринат Умяров]

В том-то и дело, что каждая кнопка вызывает такой popup, но по идее, кнопки вызывают один и тот же popup с формой, так что на странице получается только одна такая форма.

[Eugene Chefranov]

ren334, для теста введите в консоле $$('#products_name') и посмотрите что вернет

[Ринат Умяров]

Ради интереса решил подменить в другой форме, расположенной не в popup, а непосредственно на странице. Все работает. Буду искать причину, но, кажется, проблема в самих popup. Спасибо за наводку, вы очень помогли.
Возвращает пустое значение.

[Eugene Chefranov]

ren334, значит нет такого элемента с таким ID, проверяйте id в элементе формы

[Ринат Умяров]

Eugene Chefranov, итак, модальное окно в моем случае является фреймом. Его попросту нет в коде страницы, пока не нажмешь кнопку. После открытия лайтбокса в консоли получается следующее:

$$('#products_name')
[input#products_name.wpcf7-form-control.wpcf7-text]

И вся проблема лежит всего лишь в модальном окне. Ну, в любом случае, известно, куда копать.

[Eugene Chefranov]

ren334, если модальное окно не самописаное, а какой-то плагин, то наверняка есть callback на то что окно активное. Вот тогда необходимо выполнять не по клику на кнопку, а когда окно активно

[Ринат Умяров]

Eugene Chefranov, спасибо за помощь. Callback-функции не нашел, но написал в поддержку плагина. Когда дадут ответ, можно будет работать дальше.