Question

我正在尝试在大数据集上构建自动完成功能，并且已经为它实现了搜索算法。现在对于UI部分，我想创建一个与选择项的下拉列表完全相同的下拉列表。创建它的最佳方法是什么，以便它适用于所有浏览器。

HTML ：

<input class="autocomplete">

JAVASCRIPT

$('.autocomplete').keyup(function(){
    jQuery.ajax({
        url://URL
        success:funtion(){
            // Convert the input to an input with dropdown
        }
    })
})

请注意：我不想要像twitter typeahead或jQuery UI的自动完成功能来搜索我。我只想要一些我提供数据的东西，它会产生类似于选择下拉框的内容

Answer 1

如果您可以选择使用jQuery UI，请尝试autocomplete widget：

$( ".autocomplete" ).autocomplete({
    source: //URL,
    minLength: 2,
    select: function( event, ui ) {

    }
});

Answer 2

为自定义组合框提供合适的实现并不是太简单。如果你想要一个（可搜索的）组合框，你可以使用像jquery选择的东西

http://harvesthq.github.io/chosen/

如果你想要一些管理逻辑的自动完成部分的东西，那么Twtitter的预先输入可能会有很大的帮助。

https://twitter.github.io/typeahead.js/

如果您使用其他一些开源选项，那么手工制作的内容很难与您可以获得的用户体验相匹配。

在自动完成中为动态加载的内容创建UI

2 个答案: