Консоль ругается - JavaScript, Ajax

spoon100500 · 08.04.2017, 09:26

Консоль ругается, не пойму в чем ошибка.

Код HTML:

<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
</head>
<body>
<select size="1" id="combobox"><!--Системы-->
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
<select size="1" id="combobox1"><!--Системы-->
<option value="4">D</option>
<option value="5">F</option>
<option value="6">G</option>
</select>
<div class="minMaxh"><!--minmax ширина-->
<i><strong>Min.</strong><span id="minMaxshir"> 0</span></i><!--min ширина-->
<br>
<i><strong>Max.</strong><span id="minMaxhir"> 0</span></i><!--max ширина-->
</div>
<div class="minMaxw"><!--max высота-->
<i><strong>Max.</strong><span id="minMaxw"> 0</span></i>
</div>
<script>
var shir1 = [25, 30, 35, 40, 50];//min размер ширины
var shir2 = [140, 150, 160, 220, 240, 280, 300, 600];//max размер ширины
var wis = [180, 200, 230, 240, 250, 280, 300];//max размер высоты

var hmin = document.getElementById('minMaxshir').value;//min ширина
var hmax = document.getElementById('minMaxhir').value;//max ширина
var wmax = document.getElementById('minMaxw').value;//max высота
var cb = document.querySelector('#combobox').addEventListener("change", myFunc);
var cb1 = document.querySelector('#combobox1').addEventListener("change", myFunc);

function myFunc() {
("1" === cb.value) ? hmin = shir1[0]; hmax = shir2[1]; wmax = wis[2]: 
("2" === cb.value.value) ? hmin = shir1[1]; hmax = shir2[2]; wmax = wis[3]:
("3" === cb.value.value) ? hmin = shir1[2]; hmax = shir2[3]; wmax = wis[4]:
("4" === cb1.value.value) ? hmin = shir1[3]; hmax = shir2[4]; wmax = wis[5]:
("5" === cb1.value.value) ? hmin = shir1[4]; hmax = shir2[5]; wmax = wis[6]:
("6" === cb1.value.value) ? hmin = shir1[0]; hmax = shir2[0]; wmax = wis[0];
};  
</script>
</body>
</html>

ADSoft · 08.04.2017, 12:26

Ну так консоль наверное там и пишет в чем дело

Naive · 08.04.2017, 13:26

Про тернарный оператор почитай детально. Он ну ваще не так работает и сделан не для этого. А лучше используй обычный if-else и не вы**ывайся — меньше шансов на код-ревью по башке получить.

spoon100500 · 08.04.2017, 14:06

Написал через if-else, теперь другая ошибка, пишет что cb.value не определено.

Код HTML:

function myFunc() {
if ("1" === cb.value) {hmin = shir1[0]; hmax = shir2[1]; wmax = wis[2];} 
else if ("2" === cb.value) {hmin = shir1[1]; hmax = shir2[2]; wmax = wis[3];}
else if ("3" === cb.value) {hmin = shir1[2]; hmax = shir2[3]; wmax = wis[4];}
else if ("4" === cb1.value) {hmin = shir1[3]; hmax = shir2[4]; wmax = wis[5];}
else if ("5" === cb1.value) {hmin = shir1[4]; hmax = shir2[5]; wmax = wis[6];}
else if ("6" === cb1.value) {hmin = shir1[0]; hmax = shir2[0]; wmax = wis[0];}
};

Naive · 08.04.2017, 14:18

Потому что addEventListener возвращает undefined. Это чистый JS, не jQuery, тут нет таких красивых цепочек контекста.

spoon100500 · 08.04.2017, 14:20

как быть?

Naive · 08.04.2017, 15:43

Цитата:

Сообщение от spoon100500

как быть?

блин, ты серьезно? О_о

Код:

var cb = document.querySelector('#combobox');
cb.addEventListener("change", myFunc);

spoon100500 · 08.04.2017, 15:58

Чё О-оо, пробывал так, вообще тишина, никакого события не происходит.

spoon100500 · 08.04.2017, 16:00

Код HTML:

<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
</head>
<body>
<select size="1" id="combobox"><!--Системы-->
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
<select size="1" id="combobox1"><!--Системы-->
<option value="4">D</option>
<option value="5">F</option>
<option value="6">G</option>
</select>
<div class="minMaxh"><!--minmax ширина-->
<i><strong>Min.</strong><span id="minMaxshir"> 0</span></i><!--min ширина-->
<br>
<i><strong>Max.</strong><span id="minMaxhir"> 0</span></i><!--max ширина-->
</div>
<div class="minMaxw"><!--max высота-->
<i><strong>Max.</strong><span id="minMaxw"> 0</span></i>
</div>
<script>
var shir1 = [25, 30, 35, 40, 50];//min размер ширины
var shir2 = [140, 150, 160, 220, 240, 280, 300, 600];//max размер ширины
var wis = [180, 200, 230, 240, 250, 280, 300];//max размер высоты

var hmin = document.getElementById('minMaxshir').value;//min ширина
var hmax = document.getElementById('minMaxhir').value;//max ширина
var wmax = document.getElementById('minMaxw').value;//max высота
var cb = document.querySelector('#combobox');
var cb1 = document.querySelector('#combobox1');
cb.addEventListener("change", myFunc);
cb1.addEventListener("change", myFunc);

function myFunc() {
if ("1" === cb.value) {hmin = shir1[0]; hmax = shir2[1]; wmax = wis[2];} 
else if ("2" === cb.value) {hmin = shir1[1]; hmax = shir2[2]; wmax = wis[3];}
else if ("3" === cb.value) {hmin = shir1[2]; hmax = shir2[3]; wmax = wis[4];}
else if ("4" === cb1.value) {hmin = shir1[3]; hmax = shir2[4]; wmax = wis[5];}
else if ("5" === cb1.value) {hmin = shir1[4]; hmax = shir2[5]; wmax = wis[6];}
else if ("6" === cb1.value) {hmin = shir1[0]; hmax = shir2[0]; wmax = wis[0];}
};  
</script>
</body>
</html>

spoon100500 · 08.04.2017, 16:03

Скрипт работает, но в разметку не подставляются значения.

08.04.2017, 12:26	#2
ADSoft Старожил Регистрация: 25.02.2007 Сообщений: 4,158	Ну так консоль наверное там и пишет в чем дело Сайты, приложения, автоматизация в широком смысле слова

08.04.2017, 13:26	#3
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	Про тернарный оператор почитай детально. Он ну ваще не так работает и сделан не для этого. А лучше используй обычный if-else и не выывайся — меньше шансов на код-ревью по башке получить. Alar, верни репу!**

08.04.2017, 14:18	#5
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	Потому что addEventListener возвращает undefined. Это чистый JS, не jQuery, тут нет таких красивых цепочек контекста. Alar, верни репу!

08.04.2017, 14:20	#6
spoon100500 Форумчанин Регистрация: 14.10.2016 Сообщений: 406	как быть? Еду медленно, но верно!

08.04.2017, 15:58	#8
spoon100500 Форумчанин Регистрация: 14.10.2016 Сообщений: 406	Чё О-оо, пробывал так, вообще тишина, никакого события не происходит. Еду медленно, но верно!

08.04.2017, 16:03	#10
spoon100500 Форумчанин Регистрация: 14.10.2016 Сообщений: 406	Скрипт работает, но в разметку не подставляются значения. Еду медленно, но верно!

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Ругается	Oduvanchi	C# (си шарп)	3	09.05.2014 03:13
Ругается на $this	CeHTuJI	PHP	7	15.10.2013 18:42
Ругается на Return!	Eihmann	Помощь студентам	2	13.03.2013 14:55
компилятор ругается	novak3	Общие вопросы C/C++	4	21.05.2011 01:58
Ругается компилятор..	CormiX	Помощь студентам	0	14.05.2011 16:13