Monday, February 24, 2014

How to use a Autocomplete in Website Using Jquery

  3:58 AM   , ,   Edit
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>






<script>




  $(function() {




    var availableTags = [




      "ActionScript",




      "AppleScript",




      "Asp",




      "BASIC",




      "C",




      "C++",




      "Clojure",




      "COBOL",




      "ColdFusion",




      "Erlang",




      "Fortran",




      "Groovy",




      "Haskell",




      "Java",




      "JavaScript",




      "Lisp",




      "Perl",




      "PHP",




      "Python",




      "Ruby",




      "Scala",




      "Scheme"




    ];




    $( "#tags" ).autocomplete({




      source: availableTags




    });




  });




  </script>




<div class="ui-widget">





  <label for="tags">Tags: </label>




  <input id="tags">




</div>