Question

我想要一个下拉菜单，允许用户输入文字。像下拉菜单一样自动完成。

我已经尝试了很长时间了，在浏览其他帖子时，我发现有人建议使用Ajax，但我无法使用它。

还有哪些其他选择？

另外，我必须将下拉列表绑定到数据库查询，以便选项必须允许。谢谢你！

Answer 1

您可以尝试选择2 https://select2.github.io/ 它具有Ajax \ plain HTML模式，以及为大量项目创建分页的能力。您可以使用普通选择作为数据源创建它，甚至可以使用隐藏的输入来创建ajax \ pagination

Answer 2

您可以尝试以下两种方法之一：

Chosen

Select2

尝试使用此代码：

$("#DropDOwnID").select2({
    ajax: {
        url: "https://graph.facebook.com/v2.2/search",  //method which returns the data for select2 OR in web forms use  web service
        type: 'GET',
        multiple: true, //if dropdown can have multiple or not
        dataType: 'json',
        delay: 250,
        data: function (params) {
            return {
                parametername: params.term, // search 
            };
        },
        processResults: function (data, page) {
            // parse the results into the format expected by Select2.
            // since we are using custom formatting functions we do not need to
            // alter the remote JSON data
            var myResults = [];
            $.each(data.data, function (index, item) {
                myResults.push({
                    'id': item.key,
                    'text': item.name
                });
            });
            return {
                results: myResults
            };
        },
        cache: true
    },
    minimumInputLength: 1,
});

可编辑下拉列表的最佳选项

2 个答案: