Get started with jquery.devbridge-autocomplete CDN

MIT licensed

JQuery.devbridge-autocomplete: Advanced plugin with caching, custom source, and multiple search fields for jQuery.

Tags:
  • autocomplete

Stable version

Copied!

How to start using jquery.devbridge-autocomplete CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with jquery.devbridge-autocomplete CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/cupertino/jquery-ui.min.css" referrerpolicy="no-referrer" />
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.cdnhub.io/jquery.devbridge-autocomplete/1.4.11/jquery.autocomplete.min.js"></script>
    <script>
        $(function() {
            $("#search").autocomplete({
                source: ["Apple", "Banana", "Cherry", "Date", "Elderberry"],
                select: function(event, ui) {
                    $("#result").val(ui.item.label);
                }
            });
        });
    </script>
    <style>
        #search { width: 300px; }
        #result { width: 300px; }
    </style>
</head>
<body>
    <label for="search">Search:</label>
    <input type="text" id="search">
    <input type="text" id="result" readonly>
</body>
</html>
Copied!
Copied!

All versions