Как правильно динамично изменить value в hidden input?

Question

[OstapO]

Есть 20 товаров. При нажатии кнопка "заказать" появляется модальное окно с формой. В форме есть 2 input видимые и 1 input hiden с заданным value. Как можно динамически изменять value в hiden поле, в зависимости от выбора товара (чтобы не верстать под каждый товар новую модалку)?. И чтобы на почту приходил мейл, где есть имя, телефон и value конкертного товара.
Возможно есть какие-то ссылки с примером ?
Есть ли возможность в общем алгоритм рассказать ?

Answer 1

[Владислав Бойченко]

Каждому товару в ссылке "Заказать", которая вызывает модалку, добавить дата-атрибут:

<a href="#" class="open-modal" data-value="Название товара">Заказать</a>

При клике на эту ссылку берете значение этого атрибута (именно у этой ссылки, по которой клик) и переносите в value этого скрытого инпута. Таким образом при каждом вызове формы значение скрытого поля будет обновляться.

Comments

[OstapO]

Спасибо!)

Answer 2

[aloky]

https://jsfiddle.net/gejx99yb/1/

Comments

[OstapO]

спасибо)