---
title: "How to use autocomplete in jquery"  
description: "How to use autocomplete in jquery"  
author: "Anonymous User"  
published: 2016-09-28  
updated: 2016-09-28  
canonical: https://www.mindstick.com/forum/34183/how-to-use-autocomplete-in-jquery  
category: "jquery"  
tags: ["jquery"]  
reading_time: 2 minutes  

---

# How to use autocomplete in jquery

I want to use jquery [autocomplete](https://www.mindstick.com/forum/156169/what-is-google-suggest-or-autocomplete) [search](https://www.mindstick.com/articles/65368/best-smo-services-company-in-hyderabad-improve-search-rankings) box in my [project](https://www.mindstick.com/articles/105927/how-to-excel-at-managing-multiple-projects) . Please help me by [giving](https://yourviews.mindstick.com/view/80639/regifting-is-far-better-than-giving-away-a-bouquet) a [demo](https://www.mindstick.com/forum/157370/how-to-swap-neighbor-characters-in-string-e-g-string-demo-would-be-edom) .

## Replies

### Reply by Anonymous User

This is a jQuery method used in modern websites to provide the user with a list of suggestions for the beginning of the word he has typed in a text box. The user can then select an item from the list, which will be displayed in the input field. This feature prevents the user from having to enter an entire word.

jQueryUI provides an autocomplete widget—a control that acts a lot like a <select> dropdown, but filters the choices to present only those that match what the user is typing into a control. jQueryUI provides the autocomplete() method to create a list of suggestions below the input field and adds new CSS classes to the elements concerned to give them the appropriate style\
\

**Syntax**

```
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<div class="ui-widget">
    <label for="tags">Search: </label>
    <input id="tags">
</div>
<script>
    $(function () {
        var SearchData = [
            "AngularJs",
            "KnockoutJs",
            "Asp",
            "BASIC",
            "C",
            "C++",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "C#",
            "VB",
            "SQL",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme"
        ];

        $("#tags").autocomplete({
            source: SearchData
        });
    });
</script>
```

thanks.


---

Original Source: https://www.mindstick.com/forum/34183/how-to-use-autocomplete-in-jquery

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.