如何制作可搜索的下拉菜单

Question

我想创建一个 dropdown，您也可以在其中搜索选项。

我需要一个 dropdown 在我加载页面时从我的 DB 获取信息。然后我可以正常点击 dropdown 并查看它的内容（比方说：Facebook 或 Google）。

我也可以在其中搜索，所以在我点击查看内容的顶部，我可以输入 "Fa"，然后它会显示具有 [=22= 的内容] 在其中，（在此示例中仅限 Facebook）。

我不知道从哪里开始做这个。我正在寻找有关查看位置、如何制作、link 示例等的一些指点。

Answer 1

实际上有一个 jQuery plugin 可以执行此操作，具有一组不错的配置选项：

$(document).ready(function() {
    $("select").searchable({
        maxListSize: 100,                       // if list size are less than maxListSize, show them all
        maxMultiMatch: 50,                      // how many matching entries should be displayed
        exactMatch: false,                      // Exact matching on search
        wildcards: true,                        // Support for wildcard characters (*, ?)
        ignoreCase: true,                       // Ignore case sensitivity
        latency: 200,                           // how many millis to wait until starting search
        warnMultiMatch: 'top {0} matches ...',  // string to append to a list of entries cut short by maxMultiMatch
        warnNoMatch: 'no matches ...',          // string to show in the list when no entries match
        zIndex: 'auto'                          // zIndex for elements generated by this plugin
    });
});

这是一个example

如何制作可搜索的下拉菜单

How to make a searchable dropdown

php

mysql

search

drop-down-menu