【问题标题】:Searchable select in Bootstrap 5Bootstrap 5 中的可搜索选择
【发布时间】:2022-08-17 00:51:27
【问题描述】:

在 Bootstrap 3 中,您可以选择添加属性 data-live-search=\"true\" 启用 live search

如何在 Bootstrap 5 中实现此功能?

    标签: bootstrap-5


    【解决方案1】:

    您可以在 Bootstrap5 中使用所谓的Datalist 来实现这一点。它的工作原理几乎与您提到的实时搜索完全相同

    【讨论】:

    • 这样做的问题是,例如,如果我选择纽约并再次单击下拉菜单,则只会出现纽约。有没有办法只保留列表中的所有内容?
    • 为此,您需要在选择“纽约”后动态更改数据列表中的每个选项
    • 您可以使用 html5 验证来确保提供的输入仅限于数据列表中的值:stackoverflow.com/questions/24934669/…
    • 浏览器支持哎呀。
    • 他们为什么要摆脱数据实时搜索……如此简单。当数据列表的列表更改时,您将处理什么事件?
    猜你喜欢
    • 1970-01-01
    • 2017-03-14
    • 1970-01-01
    • 2015-09-16
    • 1970-01-01
    • 2019-09-21
    • 1970-01-01
    • 2012-09-17
    • 2018-02-19
    相关资源
    最近更新 更多