Twitter 引导程序预先输入多个值？

我正在使用 Twitter Bootstrap 和 Jquery。 我想使用预先输入文本区域的函数，我可以非常轻松地使用它。 但我也需要它允许多项选择.

我的意思是，当我从自动完成中选择一个单词后，它会将我带回文本区域，然后再添加一个空格，然后如果我再次开始输入，它会让我再次输入。

这是一个 JS bin：http://jsbin.com/ewubuk/1/edit http://jsbin.com/ewubuk/1/edit（里面没什么特别的）。

是否有一个简单的解决方案可以通过预先输入进行多项选择？如果是，怎么办？

提前致谢。

Edit对此已经有一个吸引力：https://github.com/twitter/bootstrap/pull/2007 https://github.com/twitter/bootstrap/pull/2007

您可以通过使用 typeahead 代理来实现所需的行为：演示（jsfiddle） http://jsfiddle.net/Sherbrow/BwDmM/2/

var $myTextarea = $('#myTextarea');

$('.typeahead').typeahead({
    source: source,
    updater: function(item) {
        $myTextarea.append(item, ' ');
        return '';
    }
});

我觉得updater方法是针对这种事情的，你只需返回将要显示的内容。

Or 如果您确实希望所有内容都在同一个输入元素中，您必须重写更多方法，以便它仅匹配当前输入的元素：演示（jsfiddle） http://jsfiddle.net/Sherbrow/BwDmM/300/

function extractor(query) {
    var result = /([^,]+)$/.exec(query);
    if(result && result[1])
        return result[1].trim();
    return '';
}

$('.typeahead').typeahead({
    source: source,
    updater: function(item) {
        return this.$element.val().replace(/[^,]*$/,'')+item+',';
    },
    matcher: function (item) {
      var tquery = extractor(this.query);
      if(!tquery) return false;
      return ~item.toLowerCase().indexOf(tquery.toLowerCase())
    },
    highlighter: function (item) {
      var query = extractor(this.query).replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&')
      return item.replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) {
        return '<strong>' + match + '</strong>'
      })
    }
});

这并不是白痴证明，因为您必须在特殊字符之后的末尾输入。