如何更改语义 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>