Как в форме c Elementor сделать подстановку value скрытого поля в зависимости от нажатой кнопки?

Question

[Apocryphon1]

Сделан на WordPress + Elementor Pro

При нажатии на кнопку "Заказать" всплывает попап-окно с формой заявки. Попап-окно и форма сделаны штатными виджетами Elementor Pro.

Не хочется плодить огромное количество одинаковых форм под каждый товар. Можно ли сделать так, чтобы при нажатии на разные кнопки в скрытый input подставлялось произвольное значение?

Comments

[id_dmitriy]

еще одного в гугле забанили((

Answer 1

[Александр Соболев]

Если, к примеру, кнопкам дать некий класс, или атрибут то в связке Ajax+jQuery можно доставать значения с базы, или просто с jQuery подставлять значение из нажатого элемента в нужно поле

Comments

[Apocryphon1]

В теории понятно, на самописном сайте это могу сделать.

$('#btn').on('click', function() {
  $('input.hidden').val(this.id);
  console.log(this.id);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn">Кнопка</button>
<input type="hidden" class="hidden" />

Но как это в рамках Elementor сделать я что-то не особенно представляю.

[Apocryphon1]

На самом сайте получается таким образом подставить данные в input, но в форме во всплывающем окне они не подставляются.

[Александр Соболев]

Apocryphon1,

Не поверите, в любой непонятной ситуации можно написать свой несложный плагин, подключающий js

<button class="btn needle" id="btn1">Кнопка 1</button>
<button class="btn needle" id="btn2">Кнопка 2</button>
<input id="your_input" type="hidden" class="hidden" value=""/>

jQuery(document).ready(function() {
	jQuery('.needle').on('click', function(){
		var id=jQuery(this).attr('id');
		jQuery('#your_input').attr('value',id);
	});

});

[Станислав Пряхин]

Думаю лучше для этой задачи использовать связку Jet engine + Jet popup

[Александр]

Александр Соболев, способ отличный, но не подходит для попап окна элементора, так как контент в DOM отображается только после его вызова, интересно от куда он туда подгружается?)

[ptpkn73]

Александр, у вас получилось решить задачу по передачи данных именно в попап элементора?