Здравствуйте. Не пойму где беда, но значение value(или text, тоже пробовал) не подхватывается в функции. Подскажите где я тут туплю. Спасибо!
let hour1 = document.querySelector('#my_time_hour1');
let min1 = document.querySelector('#my_time_min1');
let hour2 = document.querySelector('#my_time_hour2');
let min2 = document.querySelector('#my_time_min2');
let hour1Val = hour1.options[hour1.selectedIndex].value;
let min1Val = min1.options[min1.selectedIndex].value;
let hour2Val = hour2.options[hour2.selectedIndex].value;
let min2Val = min2.options[min2.selectedIndex].value;
function goKuku() {
if (hour1Val > hour2Val) {
alert(hour1Val);
alert(hour1Va2)
} else if (min1 > min2) {
alert(min1);
alert(min2);
} else {
alert("ne kuku");
}
}
hour1.onchange = function() {
goKuku();
}
min1.onchange = function() {
goKuku();
}
hour2.onchange = function() {
goKuku();
}
min2.onchange = function() {
goKuku();
}
<select id="my_time_hour2">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option selected value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<select id="my_time_min2">
<option value="00">00</option>
<option value="15">15</option>
<option value="30">30</option>
<option value="45">45</option>
</select>
<select id="my_time_hour1">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option selected value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<select id="my_time_min1">
<option value="00">00</option>
<option value="15">15</option>
<option value="30">30</option>
<option value="45">45</option>
</select>
Вот ссылка на скрипку так же http://jsfiddle.net/s65n9b3z/65/
+hour1.options[hour1.selectedIndex].value;
- вот так можно. с плюсиком в начале, чтоб в число конвертировать..........ничего не поменялось.
- потому что я описал целых ТРИ проблемы, которые нужно решить........Почему minN ничего не возвращает?
- это я вообще не понял..........Почему однажды, если есть onchange?
- onchange это событие которое вызывается, когда выбираешь другое значение в option....... всё. точка! Просто триггер. Но чтобы взять при этом текущее значение, нужно в этом событии написать это самое взятие значение. А ты их написал в самом начале, а не в обработчике – Алексей Шиманский 24 окт '17 в 18:13есть в вызываемой функции нужно снова вызывать value?
- ну как бы да. Непонятно почему ты ожидал другого. Ведь в обработчиках можно написать любую логику, хоть на миллион строк, и то, что onchange должен был откуда-то догадаться брать аж целых четыре значения из select'ов - как-то странно – Алексей Шиманский 24 окт '17 в 18:36