Сообщение от рони
|
Redd,
на всякий случай span в option невозможен и id уникально.
|
совершенно забыл про id
Немного переписал, но все равно не работает:
http://jsfiddle.net/3dye6u3L/
<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>
$(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();
});
});