问题标签 [bootstrap-tags-input]

我正在为我的项目使用国际化（jQuery i18n），并且我使用了引导标签输入。我想为标签的“显示文本”应用本地化。

注意：我在 Bootstrap 标签输入中使用了“对象作为标签” 。更多参考：引导标签输入

选择标签时，标签添加正确，但输入框中附加了文本[object Object]。（见下图）

我正在使用 Bootstrap 3、JQuery、Bootstrap3-typeahead 和 bootstrap-tagsinput（所有最新版本）

表单位于模式窗口中。

这是代码：

阿贾克斯看起来像：

在小提琴中看到它

我想创建一个带有自动完成功能的文本输入，并从我的数据库中填充数据。

我一直试图让 bootstrap-tagsinput 工作但没有成功。从静态 json 文件填充数据工作正常。我的服务器现在返回这个（不变的结果，不管查询）：

当我尝试以下代码时，将执行处理程序。当我在输入框中键入内容时，我在服务器的日志中看到了 GET 请愿书，但没有显示自动完成功能。

我尝试向 中添加一个额外的函数参数get，只是为了在查询结束时弹出一个警告框，但没有任何反应。我尝试将第二个参数绑定到process，然后调用它来“处理数据”，但显然这也无济于事。

有任何想法吗？

（我正在使用 bootstrap-tagsinput 0.4.2 和 jquery 2.1.4）。

在我的最后一个问题中，结果证明 typeahead.js 可能是用 ajax 更新的 typeahead 自动完成建议不起作用。在引导标签输入上有一些示例，因此基于我的第一个问题和示例中的一些代码，我得出了以下代码。例如，当我键入时，s我会得到带有下拉菜单的自动建议，Sandra但是当我单击它时，我每次都会收到此错误： Uncaught TypeError: (str || "").replace is not a function

测试.html

应用程序.py

我想在 bootstrap 生成的输入中添加一个类或其他属性

生成：

我想添加一个类： https ://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/

输入

返回 tagsinput 的 internal ，用于添加标签。例如，您可以使用它来添加您自己的 typeahead 行为。

var $elt = $('input').tagsinput('input');

我似乎不明白如何添加课程

谢谢

例如，如果我想在标签输入中将用户可以放入的标签数量限制为 1（因此用户只能放入 1 个标签），我该怎么做？

我希望它更像 textarea 中的“限制”参数，因此用户不允许在输入空间中放置超过 1 个标签。

参考： http ://timschlechter.github.io/bootstrap-tagsinput/examples/

我已经将Bootstrap 3 Typeahead库集成到我的 Web 应用程序中。我想为文本输入字段包含一个标记系统，所以我研究了Bootstrap Tokenfield。我无法让这两个库相互协作。Tokenfield 库正在运行，但没有出现 Typeahead 建议。这是我的一项输入的 HTML：

这是我用于文本输入的 JavaScript：

我已经为此工作了一段时间，并且可以使用一只手。我不确定如何更改我的 HTML/JavaScript 以使两个库都能正常工作。提前感谢您的帮助！

更新（2015 年 7 月 20 日）

我得到了 Bootstrap 3 Typeahead 下拉菜单，但它不能与插件一起正常工作。我找不到使用数据属性设置数据源的方法，所以我使用了 JavaScript。这是我的新代码：

这是新的 JavaScript：

在这一点上，我想知道是否值得继续这样做。我可能会改用 Twitter Typeahead 插件。不过，我真的很喜欢如何在 Bootstrap 3 Typeahead 中使用数据属性。

我已经看到了这个问题Bootstrap tagsinput add tag with id and value，但该解决方案对我不起作用：

我发现为了让输入框识别我输入的标签，我要么必须拥有 data-role = tagsinput 要么调用 $("input").tagsinput()。

例如。这适用于识别没有数据角色的标签：

但这不会：

但是，如果我想通过 javascript 添加项目，那么它只有在我既没有数据角色也没有初始调用的情况下才有效。错误是未设置 itemValue 选项时无法添加对象

例如。这有效，但现在它无法识别标签：

但这并没有，但现在它再次识别标签：

肯定有一种既能识别标签又能添加项目的方法？

所以，我今天开始使用这个引导标签输入，我尝试的第一件事是动态地添加一个新标签，我现在花了大约一个小时来完成这个简单的任务，但我仍然遇到同样的问题。这是我正在使用的代码：

我得到的结果是：未设置 itemValue 选项时无法添加对象， 但如您所见，我确实设置了 itemValue。我还将代码放在JSFiddle 文件中，以便您测试。我注意到不仅没有设置 itemValue，而且没有设置我的选项，因为我也无法复制标签（但我允许在选项上使用它）。

有人知道发生了什么吗？

我想将标签的使用限制为仅从 API 获得的标签。

“对象作为标签”示例似乎是我正在寻找的，但 typeahead 似乎没有按预期工作（没有占位符打开）

以下是从 API 返回的一些数据：

我正在使用 Bootstrap 3.1.0、jQuery 1.10.2、Bootstrap Tags Input 0.4.2 和 Typeahead 0.11.1。