如何更新bootstrap-typeahead.js中的source选项

Question

我使用bootstrap-typeahead来允许多个选择。这是demo。

原始代码已由@Sherbrow Twitter bootstrap typeahead multiple values更新

我的问题与以下用例相关：

插入Alaska值后，我想更新不再显示Alaska值的源。

有什么提示吗？

Answer 1

我也遇到过同样的问题，这个问题会帮你节省很多时间。我已经用我的代码示例更新了您的旧jsFiddle。基本的事情是你需要做的是

var autocomplete = $('input').typeahead();
autocomplete.data('typeahead').source = newSource;

其中newSource是新数组。现在你只需要一个函数来添加或删除一个元素，或者任何你需要对它做的事情。

Answer 2

给出的答案对我来说都不起作用，我不得不销毁原始的typeahead实例并重新初始化它。

$('input').typeahead('destroy').typeahead(options);

Answer 3

基于typeahead的默认updater方法：

updater: function (item) {
  var pos = this.source.indexOf(item);
  if(pos != -1) {
    var newSource =
      this.source.slice(0,pos)
      .concat(this.source.slice(pos+1));
    this.source = newSource;
  }
  return item
}

Demo with multiple values (jsfiddle)

请记住，考虑到typeahead已初始化，您可以使用$('sel').data('typeahead').source从任何地方访问此源文件