1

我正在使用 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选项)。

有没有办法做到这一点?

4

0 回答 0