允许用户向自动完成列表添加选项（预先输入引导程序）

Question

有很多关于typeahead (https://gist.github.com/1866739) 的线程和示例以及一个分叉版本，但我根本找不到任何关于允许用户“添加”他/她所写的内容的内容，如果不是的话已经在列表中。如果用户在有 0 个结果时继续输入，则结果ul 被隐藏...

我想添加一个<li>，它是输入的值（我知道怎么做），但是如果用户继续输入输入并且有 0 个匹配项，下拉菜单就会消失 .

当我归结为 1 个匹配 "count li" for amount: "1" 有效，但计数 0 无效时，如果没有匹配项，就好像整个列表再次“重新填充”。

链接、提示或示例将不胜感激！

Answer 1

我真的不明白问题出在哪里，但我假设这是因为它很容易，而你只是看不到它。

您可以简单地使用$('.typeahead').val(); 接受用户值，而不是使用按钮让用户添加自己的兴趣（而不是从列表中选择它 - 您的source）

这是一个live demo，您可以随意添加您自己的项目并按Enter 以便有效地将它们作为typehead 源。

在您的页面中，您实际上可以使用$.ajax() 一次将新项目添加到您的数据库中，或者等到用户提交表单并添加它。