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

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 预输入或 jQuery UI 的自动完成功能来为我进行搜索。我只想要一些我提供数据的东西，它会从中生成类似选择下拉框的东西

Answer 1

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

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

    }
});