Как сделать передачу данных из таблицы в форму обратной связи в Tilda

1

Данный пример выполнен из блоков Таблица CL46 и форма BF502N
Добавили на страницу блок таблицу CL46 и заполнили её контентом

2

Кнопке в таблице задали ссылку #popup:chooseposition

3

Создали блок формы BF502N и задали ему такую же ссылку #popup:chooseposition

4

Создали в форме первое поле как "Поле для ввода в несколько строк"
Выставили 3 строки
Задали имя переменной opisanie

5

Добавили скрипт на страницу
Скрипт вставляется в блок ДРУГОЕ►Т123

В коде заменили:
//Прописываем ID нашего блока с формой
var popupID = "#rec68480206";

Текст изменили вот тут
val('Должность: '+vacans+'\nГород: '+city+'\nУровень з/п: '+payroll );

Mo-ti Level Up

Видео инструкции по добавлению кода и работе с Zero Block.

Получить полное видео

Посмотреть все видео

Создаём таблицу, передаём данные из текущей строки в форму обратной связи.
Длительность видео 18 мин

Фрагмент видео

Посмотреть видео в личном кабинете ►

Библиотека для примера


<style>
    .t702 .t-input-block textarea {
    color: #888888 !important;
    border: 0px  !important;
    pointer-events: none;
    box-shadow: 0px 0px 10px 4px #e2e2e2;
    background: #f4f4f4;
    resize: none;
}
</style>


<script type="text/javascript"> 

$( document ).ready(function() {
//Присваиваем переменной ID нужного popUp  
  var popupID = "#rec166100742";
//При клике на кнопку в таблице 
 $(document).on('click','a[href="#popup:chooseposition"]',function(e){       
      
   //Ищем родительский элемент выбранной строки и добавляем класс-метку к нему
     $(this).parents(".t431__oddrow").addClass("selecvacans");
     $(this).parents(".t431__evenrow").addClass("selecvacans");
    //Присваиваем значение Title выбранной карточки переменной 
    var vacans =  $(".selecvacans .t431__td:eq(0)").text(); 
    var city =    $(".selecvacans .t431__td:eq(1)").text(); 
    var payroll =  $(".selecvacans .t431__td:eq(2)").text(); 
    //Присваиваем полю в popUp Форме значение вакансии, города и з/п
    $(popupID +  " [name='opisanie']").val('Должность: '+vacans+'\nГород: '+city+'\nУровень з/п: '+payroll );
    //Удаляем класс-метку с карточки
    $(".t431__oddrow , .t431__evenrow").removeClass("selecvacans");
  });
});
</script>