Как сделать, так чтобы появилась картинка, при нажатии на option?

Question

[CODE GEEK]

Привет, как можно реализовать чтобы при нажатии option пункта из списка выходила определенная картинка?

Answer 1

[Алексей Верховцев]

Можно через jQuery, $('selector').on('click', function() { $('img').show() });

Comments

[CODE GEEK]

а как это использовать для отдельного элемента option?

[Алексей Верховцев]

$('select').change(function() { console.log($(this).val()); }); - вы получите value выбранного элемента, ну и уже исходя из него

[CODE GEEK]

понятно

[CODE GEEK]

Алексей Верховцев: а саму картинку скрывать?

[Алексей Верховцев]

$('select').change(function() { var optionId = $(this).val(); if(optionId === '1') { $('.img-1').show(); } });

[CODE GEEK]

Алексей Верховцев: блин не пойму опиши а то загадками пигшешь

[Алексей Верховцев]

CODE GEEK: Какими загадками? Я даю пример, т.к. я не знаю какие там элементы и т.д.

Answer 2

[Алексей Скляров]

Писать я за вас это не буду, расскажу как это можно:
1. У каждого option есть атрибут value, туда вставляете например название картинки или ее номер, на ваше усмотрение.
2. На Javascript пишите обработчик события onchange , далее мы должны получить value выбранной опции.
3. Так как value является номером картинки, достаточно просто прописать в этой же функции вывод картинки с именем value.

Вот и все.

Comments

[CODE GEEK]

спасибо