Фильтрация блоков

P
На сайте с 22.05.2014
Offline
0
501

Добрый день.

Возник вопрос. У меня есть набор блоков, которые требуется фильтровать на странице.

Код следующий, код абсолютно рабочий:

<script type="text/javascript">

function filterDivs(){

var a1 = '.'+$('#menu option.paramA:selected').attr('value');

var b1 = '.'+$('#menu option.paramB:selected').attr('value');

if(a1=='.'){a1='';}

if(b1=='.'){b1='';}

$('#filterList div').show().hide();

$('#filterList div'+a1+b1).show();

}

$(document).ready(function(){

filterDivs();

$('#menu select').change(function(){

filterDivs();

});

});

</script>

<div>

<select name="paramA" size="1">

<option class="paramA" name="paramA" value="" checked>Все А</option>

<option class="paramA" name="paramA" value="a1" checked>Значение А1</option>

<option class="paramA" name="paramA" value="a2">Значение А2</option>

</select>

<div class="clr"></div>

</div>

<div>

<select name="paramB" size="1">

<option class="paramB" name="paramB" value="" checked>Все B</option>

<option class="paramB" name="paramB" value="b1" checked>Значение B1</option>

<option class="paramB" name="paramB" value="b2">Значение B2</option>

</select>

<div class="clr"></div>

</div>

<div id="filterList">

<div class="a1 b1">

Значение 1

</div>

<div class="a1 b2">

Значение 2

</div>

<div class="a2 b1">

Значение 3

</div>

<div class="a2 b2">

Значение 4

</div>

</div>

Появилась задача добавить еще блоков, но эти блоки должны вызываться только при выбирании допустим параметра B1. В остальном другом варианте они должны быть скрыты, также эти блоки не должны отображаться, когда выбрано отображение всех блоков.

Возможно ли реализовать это? Главный затык, чтобы прятать блоки в определенных ситуациях.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий