Twitter Typeahead.js — удалить датум при выборе

Как вы указали, это сложно, если не невозможно, без массового взлома текущей версии typeahead. Есть 3 вещи, которые вам нужны:

1. Удаленный как вариант функции (где вы реализуете свою собственную функцию получения, которая получает доступ к вашим данным, фильтрует запрос и удаляет уже выбранные вами элементы.
2. Управление кешем: возможность запретить управление вводом текста, чтобы использовать кеш для последнего выполненного поиска предложения.
3. Поиск предложений по запросу, обновляйте результаты предложений только тогда, когда они вам нужны (когда вы входите в поле ввода и начинаете вводить запрос).

Следующая версия typeahead (0.10 в настоящее время находится в разработке) может поддерживать необходимые функции.
Но... так получилось, что мой (Svakinn) форк typeahead поддерживает все три необходимых вам условия. Ваша конфигурация должна предоставлять функцию получения, в которой вы выбираете данные из ваших данных инициализации и фильтруете их по строке запроса и уже выбранным параметрам.

remote: yourGetterFunction

Затем вам нужно отключить кеш предложений:

skipCache: true

Если вы не хотите ждать следующего релиза typeahead, я предлагаю вам попробовать его:
https://github.com/Svakinn/typeahead.js/tree/typeaheadSimple Также доступны живые живые примеры JQuery и Knockout:
https://github.com/Svakinn/typeahead.js/blob/typeaheadSimple/Examples.md

Вы можете использовать эту функциональность в Typeahead 0.10 для любого набора данных Bloodhound, будь то удаленный, предварительно выбранный или локальный.

Просто отслеживайте, какие данные были выбраны независимо от набора данных Bloodhound, и не используйте Bloodhound#ttAdapater() в качестве источника опережающего ввода. Метод ttAdapter — это просто оболочка для Bloodhound#get(query, cb), поэтому вместо него вызывайте get(query, cb) напрямую с помощью пользовательского обратного вызова, который проверяет каждое предложение на соответствие текущим выборам.

Вот JSFiddle — http://jsfiddle.net/likeuntomurphy/tvp9Q/

var selected = [];

var select = function(e, datum, dataset) {
    selected.push(datum.val);
    $("#selected").text(JSON.stringify(selected));
    $("input.typeahead").typeahead("val", "");
}

var filter = function(suggestions) {
    return $.grep(suggestions, function(suggestion) {
        return $.inArray(suggestion.val, selected) === -1;
    });
}

var data = new Bloodhound({
    name: 'animals',
    local: [{ val: 'dog' }, { val: 'pig' }, { val: 'moose' }],
    datumTokenizer: function(d) {
      return Bloodhound.tokenizers.whitespace(d.val);
    },
    queryTokenizer: Bloodhound.tokenizers.whitespace,

    // custom suggestion filter is applied after Bloodhound
    // limits the set of possible suggestions
    // see comment by Basti below
    limit: Infinity
});

data.initialize();

$('input.typeahead').typeahead(null,
    {
        name: 'animals',
        displayKey: 'val',
     /* don't use
        source: data.ttAdapter(), */
        source: function(query, cb) {
            data.get(query, function(suggestions) {
                cb(filter(suggestions));
            });
        },
        templates: {
            empty: '<div class="empty-message">No matches.</div>'
        }
    }
).bind('typeahead:selected', select);

попробуйте это, это работа для меня.

$('#selector').typeahead('setQuery', "");