Как правильно организовать на js показ блока в зависимости от select'a?

Question

[amazinginternetsites]

Собственно наваял следующую бредятину (работающую).
Но ощущение, что можно правильней это организовать.
Подскажите, пожалуйста.

var update500 = function() {
             var val = +this.value;
             var showFirst = [2].indexOf(val) >= 0;
			 
			 $('#tab-8').toggle(showFirst);
			 
			};
		 $('#dopvopremgost').change(update500).change();

Суть в том, чтобы
<div id="tab-8">...</div>
показывался при выборе 2 пункта из списка

<select name="dopvopremgost" id="dopvopremgost">
	<option value="1">Нет</option>
	<option value="2">Да</option>
</select>

Answer 1

[Антон Щербаков]

<div id="tab-8" style="display:none;">...</div>

$('html').on('change','#dopvopremgost',function() {
	var current_value = $(this).find('option:selected').val();
	if (current_value == 2) {
		$('#tab-8').fadeIn(0);
	} else {
		console.log('Ничего не делаем или прячем блок обратно');
	}
});

Comments

[amazinginternetsites]

спасибо. а нужно ли указывать " style="display:none; "? и без этого стиля работает.

[Антон Щербаков]

amazinginternetsites: У тебя блок изначально скрыт, ты его показываешь после события. Чтобы не морочиться с CSS и возней чьи свойства главнее - проще разместить inline-css в документе, так будет более правильнее.

[amazinginternetsites]

блок не исчезает при выборе другого пункта?

[Антон Щербаков]

amazinginternetsites: измени строку:
console.log('Ничего не делаем или прячем блок обратно');
на
$('#tab-8').fadeOut(0);

[amazinginternetsites]

Антон Щербаков: спасибо ) додумался. добавил по аналогии еще один код. но блок не скрывается
$('html').on('change','#dopvopsuvsid',function() {
var current_value = $(this).find('option:selected').val();
if (current_value == 2 || 3 || 4 || 5) {
$('#tab-9').fadeIn(0);
} else {
$('#tab-9').fadeOut(0);
}
});

[Антон Щербаков]

Не скрываться может из-за того, что блоку задано свойство в файле CSS display: none/block;
Если не получится. Пиши в скайп wttdgp

Answer 2

[lega]

Вот ещё проще, al-value - берем значение, al-show проверяем его.
См. статью на хабре.