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

Зайцев.Я

Не стесняйтесь звонить даже за советом...


Войти
x
x

Новости

  • 1
  • 2
  • 3
  • 4
  • 5
Prev Next

Материалы по CCNA R&S

15-12-2015 Hits:3606 Новости Александр

Материлы по изучению CCNA Routing and Switching   Cisco Packet Tracer 6.2 for Windows Student Version   Видео материалы: ICND 1ч.   ICND 2ч.   ICND 3ч.   ICND...

Пишем программы для веба

04-12-2015 Hits:19088 Новости Александр

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

Лабораторные работы

30-11-2015 Hits:7212 Новости Александр

 Лабораторные работы CCNA R&S   Теория - конечно очень нужная вещь , но без практики ни чего не запомнишь , ниже ссылки...

Добавляем звуки при наведении мыши или клике на меню

10-11-2015 Hits:17554 Новости Александр

Добавляем звуки при наведении мыши или клике на меню И так - всё просто , звук является частью дизайна и способность...

Обсуждение Virtumart 2

20-02-2015 Hits:5187 Новости Александр

 По моему мнению которое скорей всего субъективно - Virtumart 2 в отношении отображения цен сделан мягко говоря - коряво. И дабы...

www.radiobells.com #radiobells_script_hash

Флудилка

Обсуждение 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

Комментарии

  • Никаких комментариев пока не было создано. Будьте первым комментатором.

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

Гость
Гость Пятница, 24 Ноябрь 2017