Jqueryのテキストフィールドの自動完成

Question

こんにちは、私は次の問題があります。

私は自分のために作られた、次のオートコンプリートを持っていると私は、ユーザーがinvalid cityに入ったときにここでテキストボックスなど"no match found"または"no city found"下

を示したいと思いますが、私のjqueryのです。

私はそれが任意のオートコンプリートのプラグインなど

$('.form-control').keyup(function(e){ 
    e.preventDefault(); 
    $.ajax({ 
     method: "GET", 
     url: "https://api.teleport.org/api/cities?search=" + $('.form-control').val(), 

}) .done(function(data){ 
     if(typeof data._embedded["city:search-results"][0] === 'undefined') { 
      $('#datalist').append('Please select a valid value.'); 
     } else { 
    console.log(data._embedded["city:search-results"][0].matching_full_name); 
    $('option:eq(0)').remove(); 
    $('#datalist').append('<option value="' + data._embedded["city:search-results"][0].matching_full_name + '">'); 
} 

}); 
}); 

Answer 1

せずに作業する必要がある（P.S.）が、これはあなたが達成しようとしているものです？

$('.form-control').keyup (function (e) { 
    e.preventDefault(); 
    $.ajax ({ 
     method: "GET", 
     url: "https://api.teleport.org/api/cities?search=" + $('.form-control').val(), 

    }) 
    .done (function(data){ 

     if(typeof data._embedded["city:search-results"][0] === 'undefined') { 
      $('#datalist').html (''); 
      $('#datalist').html ('No Match Found'); 
     } 
     else { 
      console.log (data._embedded["city:search-results"][0].matching_full_name); 
      $('#datalist').html (''); 
      $('option:eq(0)').remove(); 
      $('#datalist').html ('<option value="' + data._embedded["city:search-results"][0].matching_full_name + '">' + data._embedded["city:search-results"][0].matching_full_name + '</option>'); 
     } 

    }); 
});