與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

有這麼多的插件可用。您可以使用this插件。並調用它的jQuery用戶界面自動完成構件如下

$('select').chosen(); 

FIDDLE