Type Ahead

by lokointhehouse2

HTML

<div class="frmSearch">
	<input type="text" id="search-box" placeholder="Country Name" />
	<div id="suggesstion-box"></div>
</div>

JavaScript

$("#search-box").keyup(function(){
     var countrySearch = 'ocoee'
			$.post("https://api.zippopotam.us/us/34761", {country:countrySearch}, function(data) {
				//console.log(data);
				if (data.status == 1) {
					
          	console.log(data);
	
				}
		   },'json')
       
       });
       

  
//To select country name
function selectCountry(val) {
$("#search-box").val(val);
$("#suggesstion-box").hide();
}