Как перенести выбранный цвет в форму заказа?

Question

[Smeecy Smeecy]

Необходимо реализовать следующее: После того как пользователь выберет цвет товара и нажмет кнопку сделать заказ, на странице оформления заказа (в форме) был написан уже выбранный пользователем цвет.
Как это реализовать с помощью JS?

Answer 1

[Алексей Шашенков]

1)После того как пользователь выберет цвет товара и нажмет кнопку сделать заказ - запомним что пользователь выбрал.
2) Ищем форму, в форме поле которое отвечает за цвет (список, поле ввода, переключатель) и устанавливаетм значение.
Могу кинуть пример

Comments

[Smeecy Smeecy]

Буду благодарен если кинете пример!

[Алексей Шашенков]

Smeecy Smeecy: Как-то так

[Smeecy Smeecy]

teknik2008: А если кнопку оформить заказ, вынести из одного блока с цветами, как код нужно преобразовать?

[Алексей Шашенков]

Smeecy Smeecy: Так все находится в блоке с классом product. А вложенность не имеет значения

[Smeecy Smeecy]

teknik2008: Слушай а можно проще сделать, если элемент checked Тогда его data атрибут передается в value нужного инпут?

[Алексей Шашенков]

Smeecy Smeecy: Да это все уже по желанию, я просто написал свое виденье при нулевом представлении. Все можно сделать, это js.

[Smeecy Smeecy]

teknik2008: Я вот пытаюсь сделать , как сказал, но в JS не силён , не мог бы глянуть?

[Алексей Шашенков]

Smeecy Smeecy: У вас 1 продукт будет на стр или много?

[Smeecy Smeecy]

teknik2008: 7 штук , но каждая форма у продукта с уникальным id

[Алексей Шашенков]

Smeecy Smeecy:А форма я как понял в модалке будет? Просто проще сделать чтобы была 1 форма для 7 продуктов

[Smeecy Smeecy]

teknik2008: да, форма одна и та же, просто с разными id , мне нужно это для отправки потом на почту...

[Алексей Шашенков]

Smeecy Smeecy: Так?

[Smeecy Smeecy]

teknik2008: Да! Спасибо огромное!

[Алексей Шашенков]

Smeecy Smeecy: Тогда можно отметить решением

Answer 2

[Дмитрий Дарт]

При выборе цвета его значение попадает с помощью JS в скрытый input на странице и он отправляется вместе с остальной формой на сервер.