Изменение value в зависимости от значения <input>radio

@ilya1099 · Регистрация: 22.08.2015

Студворк — интернет-сервис помощи студентам

Доброго дня! Есть связанные выпадающие списки, при выборе значения которых выдается картинка(извлекаю путь из value), теперь решил сделать картинку дня, как связать переключатель(<input>radio) с выпадающими списками? Например если выбираю на неделю, то к пути добавлялось имя конечного файла "img\Зебра\week.jpg", если на сегодня то "img\Зебра\пятница.jpg". Но при этом связать с кодом актуального дня недели(в конце всего кода)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html>
 <head>
  <meta charset="windows-1251">
  <title>Список</title>
<script type="text/javascript" src="res\jquery.js"></script> <script type="text/javascript" src="res\jquery.chained.js"></script>
<link href="res\select-style.css" rel="stylesheet">
<style>
   .colortext {
     color: red;
   }
  </style>
  </head>
 <body>
<center>
    <h1><font face="CURSIVE">Картинки</font><span class="colortext" ><sub><font  size="-1"
face="MV BOLI">BETA</font></sub></span><h1></center>
<p align="center">
<select id="programming" class="select-style">
  <option value="">...</option>
  <option value="chiv">Животные</option>
  <option value="ptic">Птицы</option>
  <option value="rast">Растения</option>
</select>
<select id="categories" class="select-style">
  <option value="">...</option>
  <option value="img\зебра" class="chiv">Зебра</option>
  <option value="img\лев" class="chiv">Лев</option>
   <option value="img\аист" class="ptic">Аист</option>
   <option value="img\дуб" class="rast">Дуб</option>
</select></p>
<p><center><input name="tt" type="radio" value="value\today.jpg">На сегодня
   <input name="tt" type="radio" value="value\tomorrow.jpg">На завтра
   <input name="tt" type="radio" value="value\week.jpg">На неделю</p>
<p align="center"><input type="hidden" value="Показать!"></p>
<script type="text/javascript"> jQuery(document).ready(function(){ jQuery("#categories").chained("#programming"); jQuery("#articles").chained("#categories"); }); </script>
<center><img id="img" src="value" align="middle" hspace="50" vspace="20" /></center>
  <script>
    var select = document.getElementById('categories'),
      img = document.getElementById('img');
    select.addEventListener('change', changeImg.bind(this),false)
    function changeImg(elem) {
      img.src = elem.target.value
    }
  </script>
<script type="text/javascript">
    var day=new Date();
    var pictures = ['Воскресенье',
                  'Понедельник',
          'Вторник',
          'Среда',
          'Четверг',
          '1.png',
                  'Суббота'];
   document.write('<img src="' + pictures[day.getDay()] + '">');
</script> 
<script type="text/javascript">
   var day=new Date();
   var pictures = ['Воскресенье',
                  'Понедельник',
          'Вторник',
          'Среда',
          'Четверг',
          'Пятница',
                  '2.png'];
   day.setDate(day.getDay()+0);
   document.write('<img src="' + pictures[day.getDay()] + '">');
</script>
 </body>
</html>

@Vladzio · 04.11.2016, 12:17

тут нужен массив и в него закинуть номера дней недели и вычислить по ним сам день. А уж потом заменить название картинки на //номер дня недели// .jpg и по javascript заложить в адрес картинки document.write(day.getDay() + ".jpg") или if (day.getDay() == 1) adreskartinki = ing/Зебра/пятница.png
но советую не создавать папки или файлы кириллицей, в некоторых браузерах некорректно работает. может, в этом и проблема)

@ilya1099 · 04.11.2016, 13:58 **[ТС]**

Vladzio, можно поподробней? Запутался со всеми этими операциями, что куда заложить

Новые блоги и статьи Все статьи Все блоги /
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .

@Vladzio 19 / 1 / 2 Регистрация: 04.11.2016 Сообщений: 12
	04.11.2016, 12:17
	тут нужен массив и в него закинуть номера дней недели и вычислить по ним сам день. А уж потом заменить название картинки на //номер дня недели// .jpg и по javascript заложить в адрес картинки document.write(day.getDay() + ".jpg") или if (day.getDay() == 1) adreskartinki = ing/Зебра/пятница.png но советую не создавать папки или файлы кириллицей, в некоторых браузерах некорректно работает. может, в этом и проблема) 0

@ilya1099 0 / 0 / 0 Регистрация: 22.08.2015 Сообщений: 73
	04.11.2016, 13:58 [ТС]
	Vladzio, можно поподробней? Запутался со всеми этими операциями, что куда заложить 0