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下拉菜单的搜索算法？

1 个答案: