如何更改语义 UI 下拉菜单的搜索算法？

Question

我想在语义 UI 下拉菜单中调整搜索算法。它只匹配以搜索文本开头的项目，但我想匹配包含搜索文本的所有项目。是否可以添加自定义搜索？

<select class="ui search selection dropdown">...</select>

Answer 1

您可以将 fullTextSearch 选项设置为 true 以模糊匹配字符串中任意位置的文本或 'exact' 以精确匹配字符串中任意位置的文本来初始化下拉列表。

$('.ui.dropdown').dropdown({ fullTextSearch: true });

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>

<div class="ui search selection dropdown">
  <input type="hidden" name="animal">
  <i class="dropdown icon"></i>
  <div class="default text">Select...</div>
  <div class="menu">
    <div class="item" data-value="0">Cat</div>
    <div class="item" data-value="1">Horse</div>
    <div class="item" data-value="2">Seahorse</div>
    <div class="item" data-value="3">Wildcat</div>
  </div>
</div>

如何更改语义 UI 下拉菜单的搜索算法？

How to change the search algorithm for Semantic UI dropdowns?

jquery

semantic-ui