Jquery 텍스트 필드 자동 완성

Question

안녕하세요 여러분, 다음 문제가 있습니다.

은 나 자신을 위해 만든 다음 자동 완성을 사용자가 텍스트 상자 여기 등 "no match found" 또는 "no city found"

내 jQuery를하다에서 보여 invalid city에 들어갈 때 나는 원한다.

내가 어떤 자동 완성 플러그인 등

$('.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

없이 작동합니다 (추신)이 당신이 달성하기 위해 노력하고 무엇인가 ?

$('.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>'); 
     } 

    }); 
});