У меня есть селект.
<select class="select">
<option>Երևան</option>
<option>Երևանի արվարձաններ</option>
<option disabled="disabled">-----------------------------------</option>
<option>Արագածոտն</option>
<option>Արարատ</option>
<option>Արմավիր</option>
<option>Գեղարքունիք</option>
<option>Լոռի</option>
<option>Կոտայք</option>
<option>Շիրակ</option>
<option>Սյունիք</option>
<option>Վայոց Ձոր</option>
<option>Տավուշ</option>
</select>
так же див.. (и таких много)
<div id="erevan">
<p><input type='checkbox' class="ray" name='poqr_kentron' />Փոքր Կենտրոն</p>
<p><input type='checkbox' class="ray" name='arabik' />Արաբկիր</p>
<p><input type='checkbox' class="ray" name='mec_kentron' />Մեծ Կենտրոն</p>
<p><input type='checkbox' class="ray" name='ajapnyak' />Աջափնյակ</p>
<p><input type='checkbox' class="ray" name='davtashen' />Դավթաշեն</p>
<p><input type='checkbox' class="ray" name='qanaqer' />Քանաքեռ-Զեյթուն</p>
<p><input type='checkbox' class="ray" name='nor_norq' />Նոր Նորք</p>
<p><input type='checkbox' class="ray" name='avan' />Ավան</p>
<p><input type='checkbox' class="ray" name='malatia' />Մալաթիա-Սեբաստիա</p>
<p><input type='checkbox' class="ray" name='shengavit' />Շենգավիթ</p>
<p><input type='checkbox' class="ray" name='erebuni' />Էրեբունի</p>
<p><input type='checkbox' class="ray" name='nubarashen' />Նուբարաշեն</p>
</div>
у него поставлен display:none;
Я хочу сделать так, когда кликаеться на первую опцию, появляеться этот див(display:block), если другой, то отображаеться другой..
Я это представляю так..
$('.select').change(function() {
var sel = $('.select').val();
if(sel == 'Երևան') {
$('#erevan').css('display','block');
}
});
Такой способ не работает, помогите решит ь проблему.. Благодарю