使用Semantic-UI搜索下拉列表为每个项目选择多个值

时间:2017-05-11 13:09:13

标签: html jekyll semantic-ui

我使用Semantic-ui dropdown search功能。

使用此功能,我希望在其中一位发言者名称中有几位发言者的事件中进行搜索。

我使用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属性中的第一个名称(即“Bob”),它只会返回一个匹配项。有没有我不知道要做到的选择?

0 个答案:

没有答案