typeahead.js在同一文本元素中选择多个值

Question

有没有办法在这里引用解决方案： Twitter bootstrap typeahead multiple values?

使用更新器，匹配器等功能不可用的typeahead.js？

Answer 1

在https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#custom-events，您可以阅读：

  

typeahead：selected - 当来自下拉列表的建议时触发   菜单已被选中。将使用3个参数调用事件处理程序：   jQuery事件对象，建议对象和名称   建议所属的数据集。

演示：http://jsfiddle.net/3hL70h1L/

$('.typeahead').typeahead({
  hint: true,
  highlight: true,
  minLength: 1
},
{
  name: 'states',
  displayKey: 'value',
  source: substringMatcher(states)
})
.on('typeahead:selected',
    function(event,suggestions) {
        $myTextarea.append(suggestions.value, ' '); 
        $('.typeahead').val('');
    }
);

请注意，您也可以使用The Typeahead plugin from Twitter's Bootstrap 2 ready to use with Bootstrap 3（也可以与Bloodhound集成）

两个typeahead插件也与Bootstrap tags support一起使用，请参阅https://github.com/bassjobsen/Bootstrap-3-Typeahead#bootstrap-tags-input，它似乎提供了类似的功能。