有沒有辦法通過使用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下拉菜單來篩選類別？

回答

相關問題