Показать сообщение отдельно
  #1 (permalink)  
Старый 26.01.2018, 12:40
Аспирант
Отправить личное сообщение для maksqwerty Посмотреть профиль Найти все сообщения от maksqwerty
 
Регистрация: 03.11.2017
Сообщений: 58

display:block в зависимости от выбраного элемента
Всем привет,
есть два списка, в одном списке - отделы, во втором - сотрудники.
При выборе из первого списка, во втором показываются сотрудники этого отдела.
Скрипт я реализовал так:
$(document).ready(function(){
	$("#spisok1").change(function(){
		var val = $("#spisok1").val();
		if (val == "test/1"){
			
			$(".test/1").css("display", "block");
		}else if (val == "test/2"){
			$(".test/2").css("display", "block");
		}else if (val == "test/3"){
			$(".test/3").css("display", "block");
		}else if (val == "test/4"){
			$(".test/4").css("display", "block");
		}else if (val == "test/5"){
			$(".test/5").css("display", "block");
		}
	});
});

Т.е класс нужных элементов во втором списке такой же, как значение в первом.
у элементов второго списка изначально стоит display:none
Но этот скрипт почему-то не работает,
ЧЯДНТ?
Ответить с цитированием