使用语义 UI 搜索下拉列表在每个项目的多个值中进行选择

Question

我使用语义UI下拉搜索功能。

使用这个，我想在有多个演讲者的事件中搜索其中一个演讲者的名字。

我使用 Jekyll 来填充我的下拉菜单。杰基尔代码如下：

 {% for event in site.events %}
    <div class="item" data-text="{% for speaker in event.people %}{{ speaker.name }} {% endfor %}">
            <h3 class="ui header"> {{ event.header }}</h3>
      </div>
{% endfor %}

它编译成几个块，如下所示：

<div class="item" data-value="Bob Charles Jack Bill" >
    <h3 class="ui header">The opening speech</h3>
</div>

我希望能够根据data-text属性中提到的任何人员姓名过滤这些事件。

目前，如果我在我的 data-text 属性中键入第一个名称，即在这种情况下为"Bob"，它才会返回匹配项。有没有我不知道的选项来实现这一点？

Answer 1

我知道下拉列表的fullTextSearch选项，但我认为它是真的或假的(没有人做我想做的(。

事实证明，您可以将fullTextSearch设置为"精确"以实现我想要的。