# Filter > 原文：[https://docs.gitlab.com/ee/development/fe_guide/droplab/plugins/filter.html](https://docs.gitlab.com/ee/development/fe_guide/droplab/plugins/filter.html) * [Usage](#usage) # Filter[](#filter "Permalink") `Filter`是一個插件，它允許使用簡單的模糊字符串搜索輸入值來過濾已添加到下拉列表中的數據. ## Usage[](#usage "Permalink") 將`Filter`對象添加到`DropLab.prototype.init`或`DropLab.prototype.addHook`調用的插件數組中. * `Filter`需要`template`的配置值. * `template`應該是要與用戶輸入字符串進行比較以進行過濾的數據數組中對象的鍵. ``` <input href="#" id="trigger" data-dropdown-trigger="#list"> <ul id="list" data-dropdown data-dynamic> <li><a href="#" data-id="{{id}}">{{text}}</a></li> <ul> ``` ``` const droplab = new DropLab(); const trigger = document.getElementById('trigger'); const list = document.getElementById('list'); droplab.init(trigger, list, [Filter], { Filter: { template: 'text', }, }); droplab.addData('trigger', [{ id: 0, text: 'Jacob', }, { id: 1, text: 'Jeff', }]); ``` 上面，輸入字符串將與傳遞的數據對象的`test`鍵進行比較. 您可以選擇將`filterFunction`設置為一個函數. 將使用此函數代替`Filter`的內置字符串搜索. `filterFunction`傳遞了 2 個參數，第一個是數據對象之一，第二個是當前輸入值.