Как сделать что бы при клике на блок менялось содержимое другого блока на основе формы?

Question

[rkniazev]

Есть блок
-Наименование
-Фото
-Кнопка

и скрытый блок с формой

При клике на кнопку, нужно что бы менялось наименование и картинка, на основе формы


codepen.io

Answer 1

[Илья]

Делаете JQuery и пишите обработчик клика на кнопку. После этого в этом обработчике указываете что нужно поменять. Накидал как пример.

$(document).ready(function() {
$('ID конпки').click(function() {
$('ID картинки').attr("src","Путь до новой картинки");
$('ID тега с названием').html('Новое название');
})
})

Comments

[rkniazev]

А как при этом сменить в форме выбранный элемент?)

[Илья]

rkniazev: На вскидку, организовать switch условие... то есть если судить по вашей форме при выборе (select) должно появиться указанное значение (круг, квадрат...)
Я бы начал с функции change на select и дальше в условии switch выполнял бы нужные функции.

[rkniazev]

При клике на клавишу сменить, должно поменяться значение в селект и смениться наименование и url фоточки.

Сейчас погуглю, может быть разберусь с "change на select и дальше в условии switch"&

Answer 2

[Otrivin]

Предположу, что например в jquery это делается так:
- Онклик на на кнопку
- Удаление тега img, добавление своего мобильного своей картинкой
- То же и для наименования (не понял, где оно)
Написать пример кода не могу, с телефона.