Смена картинки в зависимости от выбора select - Зайцев Я - Флудилка
^ В верх

Зайцев.Я

Все самое интересное в разделе "Флудилка"


Войти
x
x

Кто на сайте

Флудилка

Обсуждение Joomla , Virtuemart 2 , Cisco IOS , Asterisk , PHP

  • Категории
    Категории Страница отображения списка категорий системы блогов сайта.
Добавлено : Дата: в разделе: Разные заметки

Смена картинки в зависимости от выбора select

 Естественно красное и синее заменить на своё.)))

 

<!DOCTYPE html>
<html>
<head>
  <style>
    #clickme{width:300px; border:1px solid red; padding:3px; cursor:pointer}
  </style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
Ваш город:
<select id="selm" name="m">
                <option data-path="Trassy_Photo/izh.png" value="izh">Ижевск</option>
                <option data-path="Trassy_Photo/vot.png" value="vot">Воткинск</option>
                <option data-path="Trassy_Photo/sar.png" value="sar">Сарапул</option>
</select>
<div id="selmimg"><img src="/Trassy_Photo/izh.png" /></div>
<script>
$(document).ready(function(){
                $('#selm').change(function(){
                               $('#selmimg').find('img:first').attr('src', $('#selm option:selected').attr('data-path'));
                });
});
</script>
</body>
</html>
 
Поставьте свой рейтинг этой записи блога:
0

Комментарии

Оставить комментарий

Гость
Гость Пятница, 19 Октябрь 2018
Яндекс.Метрика Рейтинг@Mail.ru