Question

我正在搜索区域并决定使用bootstrap框架的下拉功能。

我的目标是：

用户键入内容，然后另一个函数解析结果。
我调用一个函数或触发下拉事件的东西。

如果我只是触发负责下拉菜单可见性的类，则其余功能不起作用（例如，下拉列表项上的键盘导航）。

另一方面，如果我按照文档进行操作，并在输入元素中添加：data-toggle =“dropdown” 然后每次单击/关注输入都会显示下拉列表，这不是我想要的，我想自己触发它。

这是HTML（无法创建工作小提琴）：

<div id="search-field" class="custom-dropdown">
    <input class="form-control input-sm" id="global-search-input" data-toggle="dropdown" maxlength="255" name="top-search" placeholder="Global Search" tabindex="1" />
    <ul class="dropdown-menu" role="menu" aria-labelledby="global-search-input">
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
        <li role="presentation" class="divider"></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
    </ul>
</div>

Answer 1

也许你想要类似Typeahead.js的东西，显示动作的下拉列表 Typehead example

使用输入作为bootstrap下拉的触发器

1 个答案: