rrylee
11/11/2015 - 9:14 AM

How to use typeahead!

How to use typeahead!

<form action="index.php" method="get">
    <input type="text" name="user" id="users">
    <input type="submit" value="Go">
</form>

<script>
  var users = new Bloodhound({
        datumTokenizer: Bloodhound.tokenizers.obj.whitespace('username'),
        queryTokenizer: Bloodhound.tokenizers.whitespace,
        remote: {
            url: 'users.php?query=%QUERY',
            wildcard: '%QUERY'
        }
    });

    users.initialize();

    $('#users').typeahead({
        hint: true,
        highlight: true,
        minLength: 2
    }, {
        name: 'users',
        displayKey: 'username',
        source: users.ttAdapter()
    });
</script>