New Post has been published on Html Use
New Post has been published on http://www.htmluse.com/autocomplete-like-google/
Autocomplete like Google
Download Demo
JQuery Autocomplete plugin is a lightweight simple and easy in settings autocomplete like Google
1. INCLUDE CSS AND JS FILES
<link type="text/css" rel="stylesheet" href="autocomplete.css"/> <script src="jquery.min.js"></script> <script src="autocomplete.js"></script>
2. HTML
<input type="text" placeholder="Enter state" autocomplete="off">
3. JAVASCRIPT
var states = [ 'Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming' ]; $(function() $("input").autocomplete( sources:[states] ); );
4. AJAX
<script> $('#remote_input').autocomplete( valueKey:'title', sources:[ url:"/component/jquery_plugins/?task=demodata&q=%QUERY%", type:'remote' ] ); $('button#open').click(function() $('#remote_input').trigger('open'); $('#remote_input').focus(); ); </script>