1js
HTML
<script src="ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<select id="items">
<option selected="selected" value="0">Все категории</option>
<option title="Car" value="1">Автомобили</option>
<option title="Motorcycle" value="2">Мотоциклы</option>
</select>
<div data-category="avto">Автомобиль 1</div>
<div data-category="avto">Автомобиль 2</div>
<div data-category="avto">Автомобиль 3</div>
<div data-category="avto">Автомобиль 4</div>
<div data-category="moto">Мотоцикл 1</div>
<div data-category="moto">Мотоцикл 2</div>
<div data-category="moto">Мотоцикл 3</div>
JavaScript
$(function() {
function showContent() {
var selectCategory = $('#items').val();
switch (selectCategory) {
case "0":
$('[data-category="avto"]').show();
$('[data-category="moto"]').show();
break;
case "1":
$('[data-category="avto"]').show();
$('[data-category="moto"]').hide();
break;
case "2":
$('[data-category="avto"]').hide();
$('[data-category="moto"]').show();
break;
}
}
showContent();
$('#items').change(function() {
showContent();
});
});