【问题标题】:Bootstrap autocomplete dropdown does not filter searchBootstrap 自动完成下拉菜单不过滤搜索
【发布时间】:2020-06-20 23:54:41
【问题描述】:

当我在搜索框中输入内容时,我不知道如何使用 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>

【问题讨论】:

  • 最好将过滤留在后端/服务器端,而不是发送所有结果然后在客户端使用 javascript 过滤

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


【解决方案1】:

过滤由您决定。你可以在服务器端(我强烈推荐它)或静态(对于小物品来说“OK”)来做。无论您使用什么选项,都应该使用events.search 回调。由于每个用例都不同,因此该组件仅实现了调用 url 传递 qry 参数并显示结果的基本模式。

【讨论】:

    猜你喜欢
    • 2014-09-16
    • 2019-03-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-10-24
    • 2015-12-29
    • 1970-01-01
    相关资源
    最近更新 更多