jquery - 允许用户将选项添加到自动完成列表(预先输入 Bootstrap )

标签 jquery autocomplete twitter-bootstrap typeahead

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

typeahead enter image description here

我想添加 <li>这是输入的值(我知道该怎么做),但是如果用户继续键入输入并且有 0 个匹配项,下拉列表就会消失

当我将金额归结为 1 个匹配项“count li”时:“1”有效,但 count 0 不起作用,如果没有匹配项,就好像整个列表再次“重新填充”。

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

最佳答案

我真的不明白问题是什么,但我假设那是因为它太容易了,而你只是看不到它。

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

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

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

关于jquery - 允许用户将选项添加到自动完成列表(预先输入 Bootstrap ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11278947/

相关文章:

jquery - 如何查找链接的标题文本

Android 在一个结果中自动完成多个 textview 行

javascript - Dojo 问题 : FilteringSelect , 需要 : "false" , 不工作

javascript - 有没有办法在使用 Enter 键提交表单时隐藏 native 浏览器表单输入自动完成功能

css - 应该拉伸(stretch) 100% 宽度的 bootstrap 列没有这样做,仅在 Angular 中

javascript - 从命名函数返回值

jquery - 搜索变量的标签

jquery - 如何选择 <td> 内除 "div"之外的元素?

css - Orchard 和 CSS 预处理

javascript - 有时会出现模式关闭时的空白屏幕