我想调整语义 UI 下拉列表中的搜索算法。它仅匹配以搜索文本开头的项目,但我想匹配包含搜索文本的所有项目。是否可以添加自定义搜索?
<select class="ui search selection dropdown">...</select>
最佳答案
您可以将 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>
关于jquery - 如何更改语义 UI 下拉列表的搜索算法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58136599/