自动完成“，”逗号分隔自动完成，带有十字按钮，如 gmail 作曲家

【问题标题】：Autocomplete "," comma separated auto complete with cross button like gmail composer自动完成“，”逗号分隔自动完成，带有十字按钮，如 gmail 作曲家
【发布时间】：2017-01-18 08:52:57
【问题描述】：

我想在添加多个用逗号分隔的电子邮件地址时实现与 gmail 相同的功能，但必须在文本框中完成（没有下拉列表）有什么例子或建议吗？

【问题讨论】：

您的问题不清楚。详细说明您想要什么。
你需要select2 select2.github.io/examples.html
看看你到目前为止所做的尝试会很有帮助。请发布代码以避免人们对帖子投反对票，SO 并不是为了简单地要求其他人为您进行编码。 :)

标签： javascript jquery jquery-mobile autocomplete jquery-ui-autocomplete

【解决方案1】：

以下代码对我有用。我使用 bootstrap-tagsinput 解决了它。

<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.tagsinput/0.4.2/bootstrap-tagsinput.css" />
<script src="//cdn.jsdelivr.net/bootstrap.tagsinput/0.4.2/bootstrap-tagsinput.min.js"></script>

然后在html文本框中使用-

<input type="text" name="cities" class="form-control"
               value="Hanoi" data-role="tagsinput" />

请参考这里 link 了解更多信息。

【讨论】：