2013-07-03 4 views
0

Я использую THIS FastLiveFilter -jquery плагин, чтобы фильтровать в моей странице результатов поиска Внутри моего проекта codeigniter.Есть ли способ фильтровать по категориям с помощью выпадающего меню с помощью jquery FastLiveFilter?

Мне интересно, можно ли редактировать код из FastLivefilter, чтобы я мог использовать раскрывающийся список с категориями. Плагин создан для ввода поля, но это не то, что я хочу.

Я заполняю свое раскрывающееся меню категориями, найденными при поиске. Но я хочу фильтровать по определенной категории, поэтому список становится короче.

Моя форма (с помощью плагина) выглядит следующим образом:

<div class="zoekfilters"> 

    <script> 
     $(function() { 
      $('.search_input').fastLiveFilter('#search_list'); 
     }); 
    </script> 

    <input type="search" class="search_input" placeholder="Type to filter"> 

    <br/><br/> 

    <select class="search_input" id="selection"> 
     <option disabled selected>Choose a category</option> 
     <?php foreach($all as $cat){ ?> 
      <option value="<?php echo $cat['categorie']; ?>"><?php echo $cat['categorie']; ?></option> 
     <?php } ?> 
    </select> 

</div> 

Мой выпадающий заполняется 3 категории в настоящее время.

  • административные
  • продажи
  • связи

Плагин обеспечивает автозаполнение тоже. поэтому, когда я печатаю результаты, они поступают автоматически.

Я просто хочу выбрать вариант выпадающего списка, чтобы я мог фильтровать по категории.

+0

Вы можете указать живой URL? –

+0

Это немного сложно, из-за функции поиска sql. это все еще немного. http://kees.een-site-bouwen.nl/home/vacatures Тип 9101 на маленьком входе и нажмите Zoeken. Затем вы попадаете на страницу результатов, вы нажимаете «дополнительные zoekfilters» и отображаются 3 входа. Но только один работает в то время, я не могу использовать их все сразу. –

ответ

1

Здесь вы идете просто вызовите этот скрипт

$('#category_id').fastLiveFilter('#search_list'); 
<select id="category_id"> 
<option value="">select</option> 
<option value="t">t</option> 
<option value="S">S</option> 
</select> 

#search_list является идентификатором вашего контейнера, в котором ваши записи у меня есть тест его на сайте демок этого плагина, и он прекрасно работает

See Fiddle i have created for you

+0

Я пробовал что-то подобное уже с search_input2 и search_input3. но поля не могут работать вместе. это либо ввод, либо выпадающий список, либо второй раскрывающийся список. не все одновременно. –

+0

у вас плохая структура html в 'ul' нет' li' direct 'fieldset' ?? –

+0

Я просто использовал fieldset, чтобы добавить границу вокруг него. но без или с элементом 'li' он работает. Я добавил, но это не проблема. –

Смежные вопросы