Bootstrap自动完成下拉列表不过滤搜索

时间:2020-03-09 04:19:04

标签: html twitter-bootstrap drop-down-menu autocomplete

当我在搜索框中输入内容时,我不知道如何使用Bootstrap的自动完成下拉菜单来过滤结果。当前,当我键入一个单词时,所有可能的选项将显示在下拉列表中,并且匹配的部分字符串将以粗体显示。有没有一种方法可以使我继续输入时,只有部分匹配的选项出现在下拉菜单中?这是我当前的参考代码:

<select class="form-control basicAutoSelect" name="simple_select"
            placeholder="type to search..."
            data-url="test-list.json" autocomplete="off"></select>

<script>
    $('.basicAutoSelect').autoComplete();
</script>

1 个答案:

答案 0 :(得分:0)

过滤由您决定。您可以在服务器端(我强烈建议这样做)或静态(对于小物件来说都可以)进行操作。无论使用什么选项,都应使用events.search回调。由于每种使用情况都不同,因此该组件仅实现通过qry参数调用url并显示结果的基本模式。