Показать сообщение отдельно
  #3 (permalink)  
Старый 08.12.2015, 14:51
Новичок на форуме
Отправить личное сообщение для Redd Посмотреть профиль Найти все сообщения от Redd
 
Регистрация: 08.12.2015
Сообщений: 3

Сообщение от рони Посмотреть сообщение
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();
  });
});

Последний раз редактировалось Redd, 08.12.2015 в 15:00.
Ответить с цитированием