Показать сообщение отдельно
  #6 (permalink)  
Старый 23.05.2014, 13:14
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

Pasterrio,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
   <meta charset="utf-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
  	$(function ()
  	  {
  	    function filterDivs(){
var aValue = $('select[name="paramA"]').val();
var bValue = $('select[name="paramB"]').val()
$('#filterList div').hide();
$('#filterList div'+aValue+bValue).show();
$('.b1').not('.a1, .a2')[bValue == '.b1'? 'show':'hide']()
}
filterDivs();
$('select').change(function(){
filterDivs();
});
  	  }
  	)
  </script>

</head>

<body>
<div>
<select name="paramA" size="1">
<option class="paramA" name="paramA" value="">Все А</option>
<option class="paramA" name="paramA" value=".a1">Значение А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="">Все B</option>
<option class="paramB" name="paramB" value=".b1">Значение 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>
<div class="b1">
Описание
</div>

</body>

</html>
Ответить с цитированием