问题标签 [bootstrap-tags-input]

我正在寻找一个标签插件前端，我发现了一个很棒的库，名为Bootstrap Tags Input，它们有很多示例，但是当我尝试将tags.text显示为文本和tags.id时我遇到了问题作为输入的值，这是我的 JSON 数据，如下所示：

到目前为止，我的Javascript看起来像：

我尝试使用itemValue和itemText选项，但如果我在我的 javascript 函数中设置该选项，用户将无法添加新标签。如果我在没有两个选项的情况下在输入表单上显示文本，这可能吗？

我正在使用带有 jquery 自动完成功能的 bootstrap-tokenfield http://sliptree.github.io/bootstrap-tokenfield/ 。我想使用自动完成内容进行标记（仅来自下拉列表）。当用户输入内容并按回车键时，它会自动创建标签。我不想允许用户使用此功能。是否有任何选项/标志来设置它？任何帮助，将不胜感激。提前致谢。

它没有显示来自源的自动完成功能，也没有错误。如何在 tagsInput 中使用静态数组数据加载自动完成。在此先感谢..顺便说一句，您可能会问 tagsInput 没有正确初始化它在 ready function() 内部，我也尝试运行代码表单控制台

我无法让默认的 Bootstrap-TagsInput confirmKeys（即enter=13或comma= 188）开箱即用。无论有没有Typeahead.js都是如此。确认键允许您通过单击该键来创建标签。

我认为问题在于标签是字符串还是对象。如果您查看Tagsinput 演示，“Typeahead”示例允许使用默认创建标签confirmKeys，enter或comma，但其下方的“对象作为标签”示例不允许。

知道如何confirmKeys使用对象标签进行工作吗？

I am having issues understanding how to properly apply Bootstrap/TagsInput to a form.

My goal is to have a form with one field using TagsInput and another field not using it.

There are two problems:

1. TagsInput seems to apply to any form field, not just the one I specify with data-role="tagsinput"
2. The tags don't stay inside of the form field as the form field is always "just ahead" of the tags.

Here is the code:

Here is a JSFiddle with my code: https://jsfiddle.net/gg6rwmwa/1/

I am new to JavaScript/CSS, so any guidance would be appreciated on where I doing things wrong.

I found a few similar stackoverflow questions, but none that seemed to hit on these two points exactly (and provided an answer).

Thanks for any help!

我对 JS、jQuery 和 Ajax 还是很陌生。我不知道解决这个问题的正确方法。我有一个列出产品的页面，我的工作是为用户添加标签的功能，以便为页面中的每个产品添加标签。因此，在我们显示产品的表格中，我添加了 ID 为 tags_#productId（即 tags_10093）的输入字段，以便每个字段都是唯一的。

现在，我需要能够调用 .on(beforeItemAdd...) 到每个字段。在添加每个标签时，我将调用控制器中的一个函数，该函数将创建的标签存储到数据库中。我还将使用相同的概念在页面加载时使用已分配给该产品的标签填充该字段。

我遇到的麻烦是决定如何编写这个调用。输入在基于产品的 foreach 循环中呈现。在同一个 foreach 循环中渲染 Ajax 脚本以便它可以同时获取正确的类会是“体面的”吗？

我将Bootstrap 标签输入与Bootstrap 3 Typeahead集成，将 data-provide 放在输入字段上，如下所示：

并在我的 js 文件中初始化它，例如：

一切正常，hints.php 发送 json，typeahead 工作，标签工作，但是当我尝试从建议列表中添加项目时遇到问题。例如，我想搜索“衣服”，我输入“cl”，“衣服被建议”，我从“下拉”列表中选择该项目并将其作为标签插入，但问题是“cl”留在输入字段，我收到一条错误消息，提示“TypeError：未定义不是对象（正在评估'data [option] .apply'）”。

我还注意到，如果我开始输入一个不建议任何内容的术语（不提前输入），它会正常工作，它将毫无问题地变成一个标签，并且在它变成一个标签后输入是清晰的. 只有在初始化预输入后，我才会收到此错误。因此，只要我愿意，我就可以输入非建议性的单词，而且它工作正常，但是一旦我输入一封从那时起给我一些建议的信，无论这封信是否被识别，我总是会收到提到的错误，我得到建议或不建议，如果我从列表中选择项目或输入我自己的话。

我尝试了 xplicit 在此链接上提到的修复程序，并尝试编写一些自定义代码来清除该字段，但我总是遇到某种错误并且无法清除输入字段。

我无法将 bootstrap 3 typeahead 与标签输入集成，但将对象作为标签。如果我只在输入字段上使用预输入，它就可以工作，但如果我将它与标签输入集成，那么它就不起作用，我什至没有得到任何真正令人沮丧的错误。这是我的代码：

我做错了什么还是这是一个错误？

如果有人有一个这样的工作示例，我真的很感激一些帮助，它可以是 typeahead.js 而不是 bootstrap 3 typeahead，我也尝试使用它并且它可以工作，但是如果我选择一个建议的地方，我会遇到问题来自 typeahead 的选项单击 enter 提交整个表单，而不是仅仅接受该选项作为标记。

当我单击下一个上一个导航时，引导选择选择器在我的表单中显示重复字段。我正在使用 owl carousel 滑块中的表单。请任何人帮忙，这是猫头鹰轮播问题还是引导问题。我正在使用租它的 html 主题，但主题本身存在问题。引导版本 v1.6.3。

我正在使用引导标签输入来处理标签提交。我也在使用acts-as-taggable-on。

在表单中输入信息可以正常工作。提交正确填写的表格有效。但是，当验证失败时，页面将呈现之前的标签组合成一个标签。

这是提交前的一些html

并在验证失败后

我的控制器：

我需要一种方法让这个参数显示为用户输入时的多个标签。