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

Question

使用这个，我想通过其中一位演讲者的名字在有几位演讲者的活动中搜索。

我使用 Jekyll 来填充我的下拉列表。 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 属性中键入第一个名称，则只有 returns 匹配，即本例中的 "Bob"。有什么我不知道的选项可以实现吗？？

Answer 1

我知道下拉菜单的 fullTextSearch 选项，但我假设它是对还是错（none 做我想做的事）。

原来你可以把fullTextSearch设置成"exact"来达到我想要的效果

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

Selecting amongst several values per item with Semantic-UI search dropdown

html

jekyll

semantic-ui