我正在使用 Fomantic-UI,并且有一个简单的可搜索下拉菜单。
<div id="form_selection" class="ui fluid search selection three column dropdown">
<input type="hidden" name="country">
<i class="dropdown icon"></i>
<div class="default text">Select Form</div>
<div class="menu">
<repeat group="{{ @forms }}" value="{{ @form }}">
<div class="item" data-meta="{{ implode(', ', array_column(@form['categories'], 'category')) }}" data-value="{{ @form['uid'] }}">{{ @form['name'] }}</div>
</repeat>
</div>
</div>
此下拉列表初始化如下:
$('#form_selection').dropdown({
ignoreDiacritics: true,
sortSelect: true,
fullTextSearch:'exact'
});
这会遍历我的数据库中的一些行,这会在我的下拉列表中添加一些选项。对于这些值中的每一个,都有 1 个或多个Category
与之相关联。如您所见,我有一个名为data-meta
. 我希望下拉列表中的搜索在data-meta
其返回中包含该属性(类似于 DataTablesdata-search
选项)。
有没有办法做到这一点?