jquery自动填充多个值和图标(电子邮件至字段)

首先,您需要了解的是,您想要做的并不是一个默认情况下只有一个HTML元素(在本例中是一个输入)可用的函数。

我不会透露很多技术细节,因为这意味着要用勺子喂食,我更愿意把你指向正确的方向;希望你不要介意,这里是:

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

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

一旦你在输入上写了一些文字,自动完成功能就会正常出现。但是,您需要一个钩子,这样当您不关注或单击建议时,输入的内容将转换为显示数据的HTML元素,您应该存储在令牌容器中。

当然,输入框是相同的,但它会向右移动,例如:

完成此操作后,您应该能够根据需要添加尽可能多的标记。当需要获取数据时,只需迭代 #tokens 并将其作为数据的一部分。

希望有帮助。