jquery - jQuery中具有自动完成功能的下拉菜单

Question

我有以下功能，它使用城市列表填充下拉菜单（来自 json 中的 url），我现在需要添加一个自动完成功能，这将在输入城市名称时帮助用户。

如何使用自动完成功能制作下拉菜单？最好的方法是什么？

function CitiesList (){
 $.getJSON(location.href+'ru/getCities/', function(data){
    console.log(data);
    var html = '';
    var len = data.length;
    console.log(len);
    for (var i = 0; i< len; i++) {
        html += '<option value="' + data[i] + '">' + data[i] + '</option>';
    }
    $('.select_cities select').append(html);
 });
}   

Answer 1

有很多可用的插件。你可以使用这个插件。并调用如下

$('select').chosen();

小提琴