jQuery select

RaftKorn
На сайте с 20.03.2007
Offline
166
1259

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

Премиум верстка и дизайн под ключ ( https://searchengines.guru/ru/forum/1045270 )
P
На сайте с 05.01.2011
Offline
25
#1
RaftKorn:
Подскажите, как на jquery сделать так, чтоб при выборе одного из option рядом с селектом менялась картинка (для каждого варианта будет своя задана)?

$("#select_id").change(function() {

// TODO

});

RaftKorn
На сайте с 20.03.2007
Offline
166
#2

pronen, а как присвоить каждому option свою картинку?

ДП
На сайте с 23.11.2009
Offline
203
#3

Постановка не совсем корректная у вас - не надо каждому option'у присваивать картинку, надо получить текущий выбранный option и по его value или тексту определить картинку, которую надо показать.

выбранное значение (value) можно определить $("#select_id").val();

S1
На сайте с 13.03.2008
Offline
49
#4
Постановка не совсем корректная у вас - не надо каждому option'у присваивать картинку, надо получить текущий выбранный option и по его value или тексту определить картинку, которую надо показать.
выбранное значение (value) можно определить $("#select_id").val();

Могу ошибаться, но скорее всего Ваш вариант не будет работать. Следует писать так: $("#select_id option:selected").val()

Дизайн сайтов (UI/UX), логотипов, баннеров и прочего... (/ru/forum/770062)
ДП
На сайте с 23.11.2009
Offline
203
#5

Раньше, по-моему, так и было. На свежих версиях можно и просто val() от селекта брать

DI
На сайте с 03.01.2007
Offline
123
#6

а чем $(this).val() не устраивает?

Высказывание идиотского утверждения требует на порядок меньше усилий, чем его последовательное и обоснованное опровержение и более того, иногда это опровержение вообще невозможно. © (http://zhurnal.lib.ru/s/shapiro_m_a/raspidiota.shtml)
S1
На сайте с 13.03.2008
Offline
49
#7
Раньше, по-моему, так и было. На свежих версиях можно и просто val() от селекта брать

Да, Вы правы, значение можно и так получить. Спутал с получением text() выбранной опции.

AlikZP
На сайте с 22.11.2009
Offline
107
#8

Используйте id для каждого option, в котором храните путь к картинке

http://wscms.ru/select.php собственно пример

http://wscms.ru/select.js собственно JS

UPD. Можно value, конечно, но считается, что там должны быть другие данные, которые передаются в POST/GET

Website CMS: быстрая, удобная, недорогая! Вечная лицензия за 45$ (/ru/forum/524503) Яся - быстрый поиск фото для товаров. OpenCart/ocStore. Дополнение. (/ru/forum/665287) Грамотная верстка ваших макетов (/ru/forum/comment/8853216)
ДП
На сайте с 23.11.2009
Offline
203
#9

Корректнее, как мне кажется, тогда уж запихать пути в атрибут data-path и потом через $(el).data('path')

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий