Показать сообщение отдельно
  #3 (permalink)  
Старый 09.11.2016, 19:25
Аватар для Synth
Интересующийся
Отправить личное сообщение для Synth Посмотреть профиль Найти все сообщения от Synth
 
Регистрация: 16.10.2015
Сообщений: 16

Да, точно, имеется ввиду class.

!Important - я пробовал, там не совсем в этом дело.

Напишу подробнее суть всего действа.

Есть на странице комментарии с разным рейтингом. Каждый div комментария с определённым рейтингом, я пометил своим class. Используя select, хочу при выборе например положительного рейтинга - оставлять на странице только комментарии с положительным рейтингом, остальные скрывать. Если выбирать отрицательные, то показывать отрицательные, а остальные скрывать и т.д.

Я придумал, что мы добавляем к нужному class значение "display: none;", чтобы скрывать ненужные комментарии. А потом возвращать в "display: block;", когда будет сделан такой выбор в select. Но почему-то не работает.

Вот код:

<select onChange="Selected(this)">
  <option value="0" >Все</option>
  <option value="1" >Плюсовые</option>
  <option value="2" >Минусовые</option>
</select>


function Selected(a) {
	var label = a.value;
	if (label==1) {
		document.querySelector('.plus').style.display='block';
		document.querySelector('.minus').style.display='none';
		document.querySelector('.netral').style.display='none';
		
	} else if (label==2) {
		document.querySelector('.plus').style.display='none';
		document.querySelector('.minus').style.display='block';
		document.querySelector('.netral').style.display='none';
		
	} else {
		document.querySelector('.plus').style.display='block';
		document.querySelector('.minus').style.display='block';
		document.querySelector('.netral').style.display='block';
	}
	
}


В итоге, это срабатывает только для одного div. А все остальные не обрабатываются.

Последний раз редактировалось Synth, 10.11.2016 в 16:03.
Ответить с цитированием