Twitter bootstrap 3 将bootstrap 3 typeahead和标记输入与对象集成为标记

Twitter bootstrap 3 将bootstrap 3 typeahead和标记输入与对象集成为标记,twitter-bootstrap-3,bootstrap-typeahead,bootstrap-tags-input,Twitter Bootstrap 3,Bootstrap Typeahead,Bootstrap Tags Input,我无法将bootstrap 3 typeahead与标记输入集成,但无法将对象作为标记。如果我只在输入字段上使用typeahead,它就可以工作,但如果我将它与标记输入集成,那么它就不工作了,我甚至没有收到任何错误,这真是令人沮丧。这是我的密码: var places=[{name:“纽约”},{name:“洛杉矶”}]; //这很有效 $('input')。请提前键入({ 资料来源:地点 }); //这并不重要 $('input').tagsinput({ freeInput:false, 确

我无法将bootstrap 3 typeahead与标记输入集成,但无法将对象作为标记。如果我只在输入字段上使用typeahead,它就可以工作,但如果我将它与标记输入集成,那么它就不工作了,我甚至没有收到任何错误,这真是令人沮丧。这是我的密码:

var places=[{name:“纽约”},{name:“洛杉矶”}];
//这很有效
$('input')。请提前键入({
资料来源:地点
});
//这并不重要
$('input').tagsinput({
freeInput:false,
确认密钥:[44],
提前打印:{
资料来源:地点
}
});
我是做错了什么还是这是一个错误


如果有人有这样的工作示例,我非常感谢您的帮助,它可以是typeahead.js,而不是bootstrap3typeahead,我也尝试过使用它,但我遇到了一个问题,如果我从typeahead中选择一个建议的选项,单击enter提交整个表单,而不是仅仅接受该选项作为标记。

您应该通过
typeahead
选项将typeahead附加到标记输入!这要容易得多(而且更容易)。然后,如果将
map()
放置到一个字符串数组中,它将起作用:

$('.tagsinput-typeahead').tagsinput({
//此处还有其他标记认沽期权
提前打印:{
来源:places.map(函数(项){return item.name}),
余选:函数(){
此.$element[0]。值=“”;
}
}
}) 
演示->


请注意
afterSelect()

@Mario_Plantosar不知道为什么这个答案不被接受。这与文档有很大不同,但很高兴你发布了这个。在选择一个选项并将其从标签输入中删除后。它不允许在按tab键或鼠标单击事件时输入的自由文本上创建标签输入。请给出解决方案。嘿@SaurabhMehta,谢谢你的回复。真的忍不住含糊的描述:)什么版本?您具体在做什么,即代码等。你能用小提琴再现这种行为吗?我认为您最好使用相关代码和演示示例提出一个新问题。或者,如果您确信这是一个bug,那么可以直接在……上提出问题。。?