@Valsin

Как сменить картинку при изменении select?

Есть json файл, содержащий в себе название и картинку, как сделать так, чтобы при выборе option менялась картинка?
<img class="change" src="plastic-stamp.jpg" alt="">
</div>
    <div class="dropdown">
	<select id="select-stamp" class="calculator-steps__choise">
		<option selected data-price="0">Выбрать другую оснастку</option>
	</select>
   </div>


function insert() {
	//Считываем файл .json
	$.getJSON("/mainstamp/wp-content/themes/stamp-theme/prints.json", insertStamps);
}

function insertStamps(data) {
console.log(data);
var out='';
for (var key in data) {
	out += '<option data-img="'+data[key].img+'" data-title="'+data[key].name+'" data-price="'+data[key].cost+'">'+data[key].name+'</option>';
	}
	$('#select-stamp').append(out);
}
  • Вопрос задан
  • 228 просмотров
Решения вопроса 1
@Valsin Автор вопроса
selectImageStamp = $('#select-stamp option').filter(':selected').data('img');
$('#calcImg').attr("src", selectImageStamp);
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы