AutoComplete Overview

The AutoComplete provides suggestions depending on the typed text and allows multiple value entries.

Kendo UI for jQuery Kendoka image

The AutoComplete is part of Kendo UI for jQuery, a professional grade UI library with 90+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Initializing the AutoComplete

To initialize the AutoComplete, use a jQuery selector.

<input id="autoComplete" />

$(document).ready(function() {
 $("#autoComplete").kendoAutoComplete(["Item1", "Item2"]);
});

The AutoComplete copies the styles and CSS classes from the input element to the wrapper element. For example, <input id="autoComplete" class="myClass" /> results in the following output.

<span class="k-widget k-autocomplete k-header k-state-default myClass">
    <input id="autoComplete" class="myClass" />
</span>

Functionality and Features

See Also

In this article
Not finding the help you need? Improve this article