javascript - 有什么想法不选择已在 token 输入中选择的名称吗？

Question

有什么想法可以不选择已在 token 输入中选择的名称吗？例如，首先我在搜索 m 时选择 mango。下次当我搜索 m Mango 时，不应显示，因为已经选择了 mango。有什么想法吗？

 <%= f.text_field :plan_tokens, data: {load: @customer.plans} %>

我的js是这样的jQuery ->

 $('#customer_plan_tokens').tokenInput '/plans.json'
    theme: 'facebook'
    prePopulate: $('#customer_plan_tokens').data('load')

在哪里放置 preventDuplicates:true。我试过了，但出现了错误!

我从中学习这个

http://railscasts.com/episodes/258-token-fields

http://railscasts.com/episodes/258-token-fields-revised

---

Answer 1

当您在 JavaScript 中初始化 tokeninput 时，您可以添加 preventDuplicates: true 这将防止选择重复项，但它们仍会显示在结果中 (demo)。

所以像这样:

$(...).tokenInput("url", { preventDuplicates: true, otherOptionsHere });

如果您根本不想显示它们，可能可以为 onResult 回调编写一些代码来检查字段的值并删除已经存在的值。

编辑:既然你用的是CoffeeScript，试试

$('#customer_plan_tokens').tokenInput '/plans.json'
   theme: 'facebook'
   prePopulate: $('#customer_plan_tokens').data('load')
   preventDuplicates: true