有没有办法通过使用jQuery FastLiveFilter下拉菜单来筛选类别？

我正在使用THIS FastLiveFilter -jquery插件，在我的searchresultspage中过滤在我的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个大类。

行政
销售
通信

该插件提供了自动完成了。所以当我输入结果自动到来。

我只想要一个下拉选择选项，所以我可以过滤类别。

来源

2013-07-03 Kees Sonnema

您能否提供实时网址？ –

由于sql搜索功能，它有点复杂。它仍然有点bug。 http://kees.een-site-bouwen.nl/home/vacatures在小输入中键入9101，然后单击Zoeken然后，您将进入结果页面，单击“extra zoekfilters”并显示3个输入。但是，当时只有一个作品，我不能一次全部使用它们。 –

在这里你去只需要调用这个脚本

$('#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是你的容器的id在您的记录我测试这个插件的演示现场，它是可以正常使用

See Fiddle i have created for you

来源

2013-07-03 10:12:24

我试过类似search_input2和search_input3的东西。但是这些领域不能一起工作。它是输入或下拉菜单或第二个下拉菜单。并非全部在同一时间。 –

你在'ul'中有一个糟糕的html结构，没有'li'直接'fieldset'？ –

我只是使用fieldset在它周围添加边框。但没有或与'li'项目一起工作。我添加了它，但这不是问题。 –

有没有办法通过使用jQuery FastLiveFilter下拉菜单来筛选类别？

回答

相关问题