Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 25 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

Ответ
 
Опции темы
Старый 08.07.2019, 18:15   #1
Vendigo148
Новичок
 
Регистрация: 05.04.2019
Сообщений: 4
Репутация: 10
По умолчанию Передача значений в form из js с заполнением полей

Здравствуйте. Мне нужно из 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');
        }
    });
}

Последний раз редактировалось Alex11223; 08.07.2019 в 21:18.
Vendigo148 вне форума   Ответить с цитированием
Старый 08.07.2019, 18:56   #2
Serge_Bliznykov
МегаМодератор
СуперМодератор
 
Регистрация: 09.01.2008
Сообщений: 25,878
Репутация: 5617
По умолчанию

Цитата:
Сообщение от Vendigo148 Посмотреть сообщение
(${e.place}, ${e.times}, {e.excursion}, {e.pax}, {e.ref}, {e.note}, {e.executor}
Это какой-то шаблонизатор на JS ?
Serge_Bliznykov вне форума   Ответить с цитированием
Старый 08.07.2019, 19:51   #3
Vendigo148
Новичок
 
Регистрация: 05.04.2019
Сообщений: 4
Репутация: 10
По умолчанию

Цитата:
Сообщение от Serge_Bliznykov Посмотреть сообщение
Это какой-то шаблонизатор на JS ?
интерполяция
Vendigo148 вне форума   Ответить с цитированием
Старый 08.07.2019, 19:55   #4
Vendigo148
Новичок
 
Регистрация: 05.04.2019
Сообщений: 4
Репутация: 10
По умолчанию

Цитата:
Сообщение от Serge_Bliznykov Посмотреть сообщение
Это какой-то шаблонизатор на JS ?
В общем, мне нужно сделать уникальность на каждую выведенную строку.
Методом:
Код:
function test(){
    var text = document.getElementById("resget");
    alert(text.textContent);
}
Выводит только первую строку, при нажатии на вторую строку и следующую выводит ту же первую строку, так как resget принадлежит каждой i-той строке
Vendigo148 вне форума   Ответить с цитированием
Старый 08.07.2019, 21:18   #5
Alex11223
Модератор
Заслуженный модератор
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,039
Репутация: 3739

icq: 512-765
skype: alexp.frl
По умолчанию

Цитата:
Сообщение от Serge_Bliznykov Посмотреть сообщение
Это какой-то шаблонизатор на JS ?
https://developer.mozilla.org/en-US/...plate_literals
Alex11223 на форуме   Ответить с цитированием
Старый 09.07.2019, 01:19   #6
Вадим Мошев

Заслуженный модератор
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Адрес: programmersforum
Сообщений: 8,395
Репутация: 4056
По умолчанию

Цитата:
Сообщение от Serge_Bliznykov Посмотреть сообщение
Это какой-то шаблонизатор на JS ?
коротко говоря
Код:
let firstName = 'Сергей';
let lastName = 'Близнюков';
let occupation = 'Программист';

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

alert(phrase);
Получим фразу: "Меня зовут Сергей Близнюков. Моя профессия — Программист"
Вадим Мошев на форуме   Ответить с цитированием
Старый 09.07.2019, 11:07   #7
Serge_Bliznykov
МегаМодератор
СуперМодератор
 
Регистрация: 09.01.2008
Сообщений: 25,878
Репутация: 5617
По умолчанию

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 файл целиком (или хотя бы с минимальной разметкой), чтобы можно было открыть в браузере в дебаггере и посмотреть.
Serge_Bliznykov вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
таблица с заполнением полей jhendrix HTML и CSS 1 19.04.2014 15:30
копирование значений из кодов полей Korablef Microsoft Office Word 3 24.11.2013 22:27
Получить список полей структуры и их значений magnuz C# (си шарп) 2 10.10.2013 20:42
Перенос значений полей из разных таблиц Alexander Shurov Microsoft Office Access 2 17.05.2013 04:58
Сохранение значений вычисляемых полей gimbomba БД в Delphi 6 21.02.2009 20:19


12:30.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.