Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Фильтр для таблицы через select-ты! (https://javascript.ru/forum/jquery/45362-filtr-dlya-tablicy-cherez-select-ty.html)

Hedkost 25.02.2014 13:32

Фильтр для таблицы через select-ты!
 
Задача №1
Есть таблица, 2 колонки : заказчик, клиент, есть два sekect-А (через которые пытаюсь фильтровать содержимое таблицы) . Просто фильтр по 1 колонке могу сделать, но мне нужно сделать зависящие фильтры, например я фильтрую через 1-й select (по заказчику) , формируется в таблице инфа, как сделать так, чтоб 2-й select (по клиенту) фильтровал уже по сформировавшейся информации в таблице, ну естественно и наоборот сначала 2-ой потом 1-й селект.

Задача №2
Сделать select с атрибутом multiple, т.е. выбор нескольких вариантов в списке. И та же Задача №1.

Для меня это космос, но прошу хотя бы подтолкнуть в каком направлении хромать.. .

Вот наброски мои:
$(function () {
  var filter_select = $(".div_freight select");
  filter_select.change(function () {
  var filterArray = new Array();
  filterArray[0] = $("#select_client :selected").text()
  filterArray[1] = $("#select_carrier :selected").text()

  var eq_num = 0;
  var i = 0;

  for(var i = 0; i <=1; i++) {
     $('#freight tr:not(:lt(1))').filter(function() {
       if (!$(this).find("td:eq("+eq_num+")").is(':contains("' + filterArray[i] + '")')) {
      return true;
       }
       else {
         $(this).show();
         return false;
       }

     }).hide();
     
    eq_num++;
   }
 });
});

Второй селект работает, первый нет и естественно никакой между ними связи. Я на Вы с Jquery, и то что я нуб и т.п. мне не стоит говорить, так как Америку вы не откроете.

Hedkost 25.02.2014 16:39

В общем всем спасибо, нашел плагин в инте...
http://jsfiddle.net/koalyptus/A4vXe/


Часовой пояс GMT +3, время: 10:18.