Выполнение скрипта при определенном value в select

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

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

Нужно чтобы при определенном значение value(например при r1) в выпадающем списке выполнялся скрипт, а если value не соответствует, то не выполнялся

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
<!DOCTYPE html>
<html>
 <head>
  <meta charset="windows-1251">
  <title>Список</title>
<link href="today.css" rel="stylesheet">
 </head>
 <body>
<center><h1>Расписание</h1></center>
  <form>
   <p><select name="pic">
    <optgroup label="Природа">
     <option value="r1">Москва</option>
     <option value="r2">Питер</option>
     <option value="r3">Воронеж</option>
</select>
<script type="text/javascript" language="javascript">
 now = new Date()
 if (now.getDay() == 0)
  document.write("<div id='rectangleCP'><div id='text'>СЕГОДНЯ</div>")
 if (now.getDay() == 1)
  document.write("<div id='rectanglePN'><div id='text'>СЕГОДНЯ</div>")
 if (now.getDay() == 2)
  document.write("<div id='rectangleBT'><div id='text'>СЕГОДНЯ</div>")
 if (now.getDay() == 3)
  document.write("<div id='rectangleCP'><div id='text'>СЕГОДНЯ</div>")
 if (now.getDay() == 4)
  document.write("<div id='rectangleCHT'><div id='text'>СЕГОДНЯ</div>")
 if (now.getDay() == 5)
  document.write("<div id='rectanglePT'><div id='text'>СЕГОДНЯ</div>")
 if (now.getDay() == 6)
  document.write("<div id='rectangleSB'><div id='text'>СЕГОДНЯ</div>")
</script>

@crackos · 06.11.2016, 11:50

навесьте на select событие onchange и проверяйте значение

@ilya1099 · 06.11.2016, 11:55 **[ТС]**

crackos, с onchange все понятно, а как реализовать работу именно JS скрипта с onchange?

@crackos · 06.11.2016, 12:00

ilya1099, onchange это же и есть js, не понимаю вопроса. Можно ведь вызвать любую нужную функцию.

@kalabuni · 06.11.2016, 14:07

ilya1099, то что написано внутри блока <script></script> -- оно выполняется браузером сразу по прочтении, ещё до того, как на странице будет сформирован и отображён выпадающий список <select>, и, разумеется, ещё до того, как юзер выберет какой-то один из опшенов этого списка.
с помощью события onchange вы можете лишь вызвать какую-то функцию из определённых в скриптовом блоке, но отменить уже выполненное браузером вы никак не сможете

Кроме того, замечу, что семь ваших строк, выводящих одинаковый HTML-код <div id='text'>СЕГОДНЯ</div> -- это минимум шесть ваших ошибок: дело в том, что тег с id="text" на странице может быть только один

@ilya1099 · 06.11.2016, 20:09 **[ТС]**

kalabuni, id одинаков потому что обращается к одному и тому же значению в CSS.

@crackos · 06.11.2016, 20:12

ilya1099, для таких целей есть class

@kepamuk · 06.11.2016, 20:21

ilya1099,

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
   <select id="mySelect" name="pic" onchange="test()">
        <optgroup label="Природа">
         <option value="r1">Москва</option>
         <option value="r2">Питер</option>
         <option value="r3">Воронеж</option>
    </select>
 
    <script type="text/javascript" language="javascript">
        function test(){
            var x = document.getElementById("mySelect").selectedIndex;
            var val = document.getElementsByTagName("option")[x].value
 
            if(val == 'r1'){
                console.log('r1');
            }else if(val == 'r2'){
                console.log('r2');
            }else if(val == 'r3'){
                console.log('r3');
            }else{
                console.log('tata');
            }
        }
    </script>

@ilya1099 · 06.11.2016, 22:47 **[ТС]**

crackos, так мне нужно чтобы в JS был обработчик значений value и вывода скрипта(в данном случае скрипта даты). С самим обработчиком то и есть проблемы. Никак не пойму как его написать

Новые блоги и статьи Все статьи Все блоги /
Контроль уникальности заводского номера - вариант №2 Maks 24.03.2026 В отличие от предыдущего варианта добавлено прерывание циклов, также добавлены новые переменные для сохранения контекста ошибки перед прерыванием цикла: Процедура ПередЗаписью(Отказ, РежимЗаписи,. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip	Жизнь в неопределённости kumehtar 23.03.2026 Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .	Модель здравоСохранения: работники работают быстрее после её введения. anaschu 23.03.2026 geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .
Контроль уникальности заводского номера - вариант №1 Maks 23.03.2026 Алгоритм контроля уникальности заводского (или серийного) номера на примере документа выдачи шин для спецтехники с табличной частью. Данные берутся из регистра сведений, по которому настроено. . .	Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения anaschu 22.03.2026 e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git	Программный отбор элементов справочника по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .

@crackos 46 / 38 / 26 Регистрация: 11.08.2016 Сообщений: 139
	06.11.2016, 11:50
	навесьте на select событие onchange и проверяйте значение 0

@ilya1099 0 / 0 / 0 Регистрация: 22.08.2015 Сообщений: 73
	06.11.2016, 11:55 [ТС]
	crackos, с onchange все понятно, а как реализовать работу именно JS скрипта с onchange? 0

@crackos 46 / 38 / 26 Регистрация: 11.08.2016 Сообщений: 139
	06.11.2016, 12:00
	ilya1099, onchange это же и есть js, не понимаю вопроса. Можно ведь вызвать любую нужную функцию. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	06.11.2016, 14:07
	ilya1099, то что написано внутри блока <script></script> -- оно выполняется браузером сразу по прочтении, ещё до того, как на странице будет сформирован и отображён выпадающий список <select>, и, разумеется, ещё до того, как юзер выберет какой-то один из опшенов этого списка. с помощью события onchange вы можете лишь вызвать какую-то функцию из определённых в скриптовом блоке, но отменить уже выполненное браузером вы никак не сможете Кроме того, замечу, что семь ваших строк, выводящих одинаковый HTML-код <div id='text'>СЕГОДНЯ</div> -- это минимум шесть ваших ошибок: дело в том, что тег с id="text" на странице может быть только один 0

@ilya1099 0 / 0 / 0 Регистрация: 22.08.2015 Сообщений: 73
	06.11.2016, 20:09 [ТС]
	kalabuni, id одинаков потому что обращается к одному и тому же значению в CSS. 0

@crackos 46 / 38 / 26 Регистрация: 11.08.2016 Сообщений: 139
	06.11.2016, 20:12
	ilya1099, для таких целей есть class 0

@ilya1099 0 / 0 / 0 Регистрация: 22.08.2015 Сообщений: 73
	06.11.2016, 22:47 [ТС]
	crackos, так мне нужно чтобы в JS был обработчик значений value и вывода скрипта(в данном случае скрипта даты). С самим обработчиком то и есть проблемы. Никак не пойму как его написать 0