在jQuery中使用自动完成功能下拉列表

Question

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

如何使用自动完成功能进行下拉？最好的方法是什么？

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

有很多插件可用。您可以使用this插件。并将其命名如下

$('select').chosen();

FIDDLE