Задать вопрос
godsplane
@godsplane
javascript

Какой оптимальный вариант вставки значений в форму?

Здравствуйте. Иногда встречается такая задача:
Есть страница, на ней есть селекты, чекбоксы, поля и тд, не связанные с формой.
Внизу этих полей допустим есть кнопка "заказать" при клике на котороую открывается попап с двумя полями не связанными с предыдущими и кнопка "отправить".
Соотсвенно при открытии этого поп-апа все значения выбранные в селектах, чекбоксахя, полях должны подставится в форму этого попапа.
Раньше я просо создавал скрытые инпуты и через js по очереди подставлял значения в скрытые инпуты.
Но у меня это выглядело как то так:
input1.value = elem1.value
input2.value = elem2.value
....

Мне не нравится повторение этих участков да и в принципе решение.
Какое оптимальное решение посоветуете и какие вообще бест практики?
Может быть можно создать как то две формы и потом все Data передать во вторую форму?
  • Вопрос задан
  • 74 просмотра
Комментировать
Подписаться 3 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 2
@ildar-meyker
Ну если это какой-то обычный проект не на React или т.п., то ваше решение вполне себе годное и типичное. Если полей много, ну в целом это можно сделать так:

const form1 = document.getElementById('form-1');
const form2 = document.getElementById('form-2');

const formData = new FormData(form1);
for (const [key, value] of formData) {
  form2.querySelector(`[name="${key}"]`).value = value;
}


+ правки для чекбоксов там и прочего, что требуется.
Ответ написан
Комментировать
Комментировать
NikFaraday
@NikFaraday
Student full-stack Developer
Лично я бы так и делал, через JS перекидывал бы все данные.
Технически, другое решение сложно найти, но если смотреть с точки зрения "А если бы у тебя таких чекбоксов было бы миллион, то что, вручную бы всё закидывал, все миллион чекбоксов?"
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
Сбер • Москва
от 250 000 ₽
Javascript разработчик
Digital Frontier • Нижний Новгород
от 200 000 ₽
Frontend разработчик JavaScript
Skolkovo NextGen
от 250 000 до 300 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Специалист по нагрузочному тестированию
13 авг. 2022, в 20:10
100000 руб./за проект
Разработка расширения для Google Chrome
13 авг. 2022, в 18:13
30000 руб./за проект
Добавление страницы в админку на Vue.js
13 авг. 2022, в 18:08
1000 руб./в час
Ещё заказы