Question

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

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

我也可以搜索它，所以在我点击查看内容的顶部，我可以输入例如＃34; Fa＆＃34;然后它会显示有＆＃34; Fa＆＃34;在其中，（仅在此示例中为Facebook）。

我不知道从哪里开始做这件事。我正在寻找一些手指点在哪里看，如何制作，链接到一个例子等。

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

如何进行可搜索的下拉菜单

1 个答案: