How to create auto-complete j-query dropdown in a textbox as similar to google home

**gits** · Dec 19 '18, 11:27 AM

what have you tried so far and with what exactly do you have problems with in your code?

**AjayGohil** · Apr 19 '19, 04:54 AM

try to this code for autocomplete

Code:

<!DOCTYPE html>
<html>
    <head>
        <title>Autocomplete</title>
        <meta name="viewport" content="width=device-width initial-scale=1"> 
  
        <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"
        rel = "stylesheet">
     <script src = "https://code.jquery.com/jquery-1.10.2.js"></script>
     <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 <script type="text/javascript">
    $( function() {
    var language = [
      "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: language
    });
  } );
  </script>
</head>
<body>
 
<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>
 
 
</body>
</html>

How to create auto-complete j-query dropdown in a textbox as similar to google home

How to create auto-complete j-query dropdown in a textbox as similar to google home

Comment

Comment