J-FinDER
Find Your Dream Job
Отправить резюме
На вакансию:
Загрузите файл с резюме в формате DOC или PDF
100% трудоустройство не гарантируем!

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

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

Как выполнили данный пример:
1. Добавили на страницу блок таблицу CL46 и заполнили её контентом
2. Кнопке в таблице задали ссылку #popup:chooseposition
3. Создали блок формы BF502N и задали ему такую же ссылку #popup:chooseposition
4. Создали в форме первое поле как "Поле для ввода в несколько строк"
Выставили 3 строки
Задали имя переменной opisanie

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

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

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

<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>
Made on
Tilda