Javascript jQuery自动填充多个值和图标（通过电子邮件发送到字段）

我想在表单上创建一个收件人字段，使用jQuery自动完成字段进行查找。我希望它允许多个值。我已经弄明白怎么做了

问题是，当添加收件人并使用“自动完成”执行查找时，收件人姓名应该有一个蓝色背景，旁边有一个删除图标（x），类似于iPhone上的“收件人”字段或Facebook中的人员查找（例如，在FB中创建新组时）

欢迎有任何想法

谢谢你抽出时间，

---

Albert

首先，您需要了解，您想要做的不是默认情况下只有一个html元素（在本例中是一个输入）的函数

我不会涉及很多技术细节，因为这意味着填鸭式的喂养，我更愿意为您指出正确的方向；希望你不介意，下面是：

首先，你需要有一个看起来像块的容器，比如一个div。在它里面，你会有一个输入字段，它应该只占容器的一部分，如下所示：

<div id="tag_editor">
  <span id="tokens"><!-- js stores tags here --></span>
  <input type="text" id="tag_editor_input">
</div>

一旦你在输入上写了一些文字，自动补全应该会正常出现。但是，您需要一个钩子，这样当您没有焦点或单击建议时，输入的内容将转换为显示数据的HTML元素，您应该存储在令牌容器中

当然，输入框是相同的，但会向右移动，例如：

完成此操作后，您应该能够根据需要添加尽可能多的标记。然后，当您需要获取数据时，只需迭代

#tokens

的内容，并将其用作数据的一部分

---

希望能有所帮助。

与其期待有人为您提供代码，不如展示一下您目前的成果，并描述一下所需的修改。更好的是，在“完全同意rchem”网站上进行现场演示，这就是我为您指出正确方向的原因：）干杯！我只是问是否已经有这样的插件或提供想法。不是让你们写的…太好了，谢谢你们的投入！我一定会考虑这个方法。将查看是否有其他人提供了想法/现有插件。