Как сделать передачу данных из таблицы в форму обратной связи в Tilda
J-FinDER
Find Your Dream Job

Как сделать передачу данных из таблицы в форму обратной связи в 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-tilda. 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 = "#rec68480206";
//При клике на кнопку в таблице 
  $("[href='#popup:chooseposition']").click(function() {
   //Ищем родительский элемент выбранной строки и добавляем класс-метку к нему
     $(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>
Отправить резюме
На вакансию:
Загрузите файл с резюме в формате DOC или PDF
100% трудоустройство не гарантируем!
Made on
Tilda