Передача значений в form из js с заполнением полей

[Vendigo148]

Здравствуйте. Мне нужно из js передать значения (${e.place}, ${e.times}, {e.excursion}, {e.pax}, {e.ref}, {e.note}, {e.executor}) в php с заполнением полей формы теми данными, которые мы передаём из js. Каким методом это можно сделать? (нужно использовать <a href = "..."> для перехода на php файл с теми полями, которые должны быть заполнены данными которые я предоставил выше).
Передача данных и пересылка должна происходить при нажатии на определенную строку которую мы выводим и эти же данные должны передаваться
Предоставлю участок кода откуда нужно передать данные:

function innerTasks(data){
    let old;
    document.querySelector('#calendar2').addEventListener('click',e => {
        if(e.target.closest('.day')){
            let tableTasks = document.querySelector('.table-tasks');
            let numDay = () => {
                let num = e.target.closest('.day').querySelector('.spanDay').textContent;
                return num < 10 ? `0${num}` : num;
            }
            let task = data.filter(e => +e.dates.split`-`[e.dates.split`-`.length-1] == +numDay() );
            tableTasks.innerHTML = '';
            for(let e of task){
                if(e.status == "New"){
                    tableTasks.insertAdjacentHTML('beforeEnd', `
                        <div class= "resrt">
                            <div class="resTasks1" style="background: rgba(255,204,204,1)">${e.place}</div>
                            <div class="resTasks2" style="background: rgba(255,204,204,1)">${e.times}</div>
                            <div class="resTasks3" style="background: rgba(255,204,204,1)">${e.excursion}</div>
                            <div class="resTasks4" style="background: rgba(255,204,204,1)">${e.pax}</div>
                            <div class="resTasks5" style="background: rgba(255,204,204,1)">${e.ref}</div>
                            <div class="resTasks6" style="background: rgba(255,204,204,1)">${e.note}</div>
                            <div class="resTasks7" style="background: rgba(255,204,204,1)">${e.executor}</div><br><br>
                        </div>
                    `);
                }
                if(e.status == "Pending"){
                    tableTasks.insertAdjacentHTML('beforeEnd', `
                        <div class= "resrt">
                            <div class="resTasks1" style="background: rgb(204, 191, 255)">${e.place}</div>
                            <div class="resTasks2" style="background: rgb(204, 191, 255)">${e.times}</div>
                            <div class="resTasks3" style="background: rgb(204, 191, 255)">${e.excursion}</div>
                            <div class="resTasks4" style="background: rgb(204, 191, 255)">${e.pax}</div>
                            <div class="resTasks5" style="background: rgb(204, 191, 255)">${e.ref}</div>
                            <div class="resTasks6" style="background: rgb(204, 191, 255)">${e.note}</div>
                            <div class="resTasks7" style="background: rgb(204, 191, 255)">${e.executor}</div><br><br>
                        </div>
                    `);
                }
                if(e.status == "Resolved"){
                    tableTasks.insertAdjacentHTML('beforeEnd', `
                        <div class= "resrt">
                            <div class="resTasks1" style="background: rgba(255,255,255,1)">${e.place}</div>
                            <div class="resTasks2" style="background: rgba(255,255,255,1)">${e.times}</div>
                            <div class="resTasks3" style="background: rgba(255,255,255,1)">${e.excursion}</div>
                            <div class="resTasks4" style="background: rgba(255,255,255,1)">${e.pax}</div>
                            <div class="resTasks5" style="background: rgba(255,255,255,1)">${e.ref}</div>
                            <div class="resTasks6" style="background: rgba(255,255,255,1)">${e.note}</div>
                            <div class="resTasks7" style="background: rgba(255,255,255,1)">${e.executor}</div><br><br>
                        </div>
                    `);
                }
                if(e.status == "Confirmed"){
                    tableTasks.insertAdjacentHTML('beforeEnd', `
                        <div class= "resrt">
                            <div class="resTasks1" style="background: rgb(202, 166, 219)">${e.place}</div>
                            <div class="resTasks2" style="background: rgb(202, 166, 219)">${e.times}</div>
                            <div class="resTasks3" style="background: rgb(202, 166, 219)">${e.excursion}</div>
                            <div class="resTasks4" style="background: rgb(202, 166, 219)">${e.pax}</div>
                            <div class="resTasks5" style="background: rgb(202, 166, 219)">${e.ref}</div>
                            <div class="resTasks6" style="background: rgb(202, 166, 219)">${e.note}</div>
                            <div class="resTasks7" style="background: rgb(202, 166, 219)">${e.executor}</div><br><br>
                        </div>
                    `);
                }
            }
            old ? old.classList.remove('activeDay') : '';
            old = e.target.closest('.day');
            e.target.closest('.day').classList.add('activeDay');
        }
    });
}

[Serge_Bliznykov]

Сообщение от Vendigo148

(${e.place}, ${e.times}, {e.excursion}, {e.pax}, {e.ref}, {e.note}, {e.executor}

Это какой-то шаблонизатор на JS ?

[Vendigo148]

Сообщение от Serge_Bliznykov

Это какой-то шаблонизатор на JS ?

интерполяция

[Vendigo148]

Сообщение от Serge_Bliznykov

Это какой-то шаблонизатор на JS ?

В общем, мне нужно сделать уникальность на каждую выведенную строку.
Методом:

function test(){
    var text = document.getElementById("resget");
    alert(text.textContent);
}

Выводит только первую строку, при нажатии на вторую строку и следующую выводит ту же первую строку, так как resget принадлежит каждой i-той строке

[Alex11223]

Сообщение от Serge_Bliznykov

Это какой-то шаблонизатор на JS ?

https://developer.mozilla.org/en-US/...plate_literals

[Вадим Мошев]

Сообщение от Serge_Bliznykov

Это какой-то шаблонизатор на JS ?

коротко говоря

let firstName = 'Сергей';
let lastName = 'Близнюков';
let occupation = 'Программист';

let phrase = `Меня зовут ${firstName} ${lastName}. Моя профессия — ${occupation}`;
// заключать надо обязательно в ``, а не '', и не ""

alert(phrase);

Получим фразу: "Меня зовут Сергей Близнюков. Моя профессия — Программист"

[Serge_Bliznykov]

Alex11223,Вадим Мошев, спасибо. Не знал.

Сообщение от Vendigo148

В общем, мне нужно сделать уникальность на каждую выведенную строку.

согласен. надо.

а скажите, почему у Вас разные классы в разных строчках?

                           <div class="resTasks1" style="background: rgba(255,204,204,1)">${e.place}</div>
                            <div class="resTasks2" style="background: rgba(255,204,204,1)">${e.times}</div>
                            <div class="resTasks3" style="background: rgba(255,204,204,1)">${e.excursion}</div>

и где ID ?

Сообщение от Vendigo148

function test(){
    var text = document.getElementById("resget");
    alert(text.textContent);
}

Может быть, Вам нужно изменить class="resTasksXX" -> id="resTasksXX" ?

Выложите HTML файл целиком (или хотя бы с минимальной разметкой), чтобы можно было открыть в браузере в дебаггере и посмотреть.