Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<script src="https://cdn.jsdelivr.net/npm/typeahead.js/dist/typeahead.bundle.min.js"></script> <script> const countries = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace("name"), queryTokenizer: Bloodhound.tokenizers.whitespace, remote: { url: "/api/countries?q=%QUERY", wildcard: "%QUERY" } }); $("#country-input").typeahead( { hint: true, highlight: true, minLength: 1 }, { name: "countries", display: "name", source: countries } ); </script>
Result
Open